مكتملweb-app

المنصة الرقمية للجمعية اليمنية لجراحة الأوعية الدموية

منصة ويب متكاملة لإدارة حضور الجمعية الرقمي، والمؤتمرات، وعضوية الأطباء، والشهادات المهنية من نظام مركزي واحد.

المنصة الرقمية للجمعية اليمنية لجراحة الأوعية الدموية

status

completed

category

web-app

stack_items

9

views

32

Overview

نظرة عامة منصة رقمية للجمعية اليمنية لجراحة الأوعية الدموية، تجمع الموقع العام مع لوحة إدارة ولوحة أعضاء. صُممت لتغطية دورة الفعالية منذ إنشائها ونشرها وحتى تسجيل المشاركين وإثبات الحضور وإصدار الشهادات. التحديات إدارة فعاليات تختلف حقول التسجيل ومتطلباتها من مؤتمر إلى آخر. خدمة الأعضاء المسجلين والضيوف دون فقدان تاريخ التسجيل أو الشهادات. فصل صلاحيات الإدارة والأعضاء والزوار مع حماية العمليات الحساسة. توفير شهادة رقمية قابلة للتنزيل والتحقق العام بطريقة موثوقة. إدارة المحتوى والرسائل والاشتراكات والملفات من لوحة موحدة. الحل بُنيت واجهة عامة ولوحتا تحكم باستخدام React، وربطت بواجهة API معيارية في NestJS. يتيح منشئ النماذج تعريف حقول التسجيل والتحقق منها حسب إعدادات كل فعالية، بينما يحفظ النظام بيانات المشارك ويربط سجل الضيف بحسابه عند التسجيل أو الدخول. أضيفت خدمات لتوليد ملفات PDF وأرقام الشهادات ورموز QR وروابط تنزيل الضيوف الموقعة، مع إشعارات إدارية لحظية عبر Socket.IO. البنية التقنية تطبيق React أحادي الصفحة مع مسارات محمية وتحميل كسول للصفحات. خلفية NestJS بأسلوب Modular Monolith ووحدات مستقلة للوظائف الأساسية. MongoDB وMongoose لتخزين المستخدمين والفعاليات والتسجيلات والشهادات والمحتوى. مصادقة JWT وصلاحيات مبنية على الأدوار، مع Validation Pipes وGuards وInterceptors ومرشح أخطاء مركزي. تخزين ملفات محلي أو عبر Cloudflare R2، مع معالجة الصور ودعم رفع ملفات التسجيل. Docker وNginx وTraefik للنشر، مع نقاط فحص للحيوية والجاهزية وتوثيق OpenAPI. الوحدات الأساسية الحسابات والعضوية والتحقق المهني للأعضاء. المؤتمرات والأيام والجلسات والمتحدثون والبث المرتبط بالفعالية. نماذج التسجيل الديناميكية وتسجيل الأعضاء والضيوف وإدارة الحضور. إصدار الشهادات الفردي والجماعي والتنزيل والتحقق والإلغاء. الأخبار والتصنيفات ومجلس الإدارة وصفحة التعريف والمحتوى القانوني. النشرة البريدية ورسائل التواصل ومكتبة الوسائط والإشعارات الإدارية. النتائج يوفر المشروع تدفقات مترابطة للموقع العام والإدارة والأعضاء، مع اختبارات E2E تغطي الأنظمة المحورية ووثائق تشغيل ونشر إنتاجية. وتشير وثائق الفريق إلى أن الوظائف الأساسية منفذة، بينما ما تزال بعض تفاصيل تكامل الوسائط وتدفقات النشرة واستعادة كلمة المرور بحاجة إلى إغلاق قبل اعتماد الإصدار النهائي.

Challenge / Problem

كانت الجمعية بحاجة إلى توحيد موقعها التعريفي وإدارة المؤتمرات والأعضاء والمحتوى والشهادات في منظومة واحدة، مع دعم التسجيل المرن للفعاليات وإتاحة التحقق العام من الشهادات وتقليل الاعتماد على الإجراءات اليدوية المتفرقة.

Solution

تم تنفيذ تطبيق ويب بمعمارية وحدات مترابطة، مع مصادقة JWT وتحكم بالصلاحيات لأدوار المشرف الأعلى والمشرف والعضو والزائر. يدعم النظام إنشاء نماذج تسجيل مخصصة لكل فعالية، وربط تسجيلات الضيوف بحساباتهم لاحقًا، وتوليد الشهادات وروابط تنزيل موقعة، وإرسال الإشعارات اللحظية، وإدارة الملفات محليًا أو عبر Cloudflare R2، إضافة إلى التحقق الصارم من البيانات وتحديد معدل الطلبات وفحوص الجاهزية.

My Role

Full Stack Engineer

Architecture Panel

UI

طبقة واضحة ضمن المنتج

API

طبقة واضحة ضمن المنتج

Data

طبقة واضحة ضمن المنتج

Deploy

طبقة واضحة ضمن المنتج

Technologies

DockerGitMongoDBNestJSNext.jsNode.jsReactREST APITypeScript

Results

أصبح السورس يضم موقعًا عامًا وصفحات إدارية وصفحات خاصة بالأعضاء، وتدفقات عملية للمصادقة وتسجيل الفعاليات وإدارة الحضور وإصدار الشهادات والتحقق منها، إلى جانب إدارة الأخبار ومجلس الإدارة ومحتوى الجمعية والنشرة البريدية ورسائل التواصل والوسائط. كما توجد اختبارات من نوع E2E للمصادقة والفعاليات والشهادات، وإعدادات موحدة للنشر والمراقبة الصحية، مع بقاء بعض تكاملات الواجهة قيد الاستكمال قبل الإصدار النهائي.

Case Study

نظرة عامة

منصة رقمية للجمعية اليمنية لجراحة الأوعية الدموية، تجمع الموقع العام مع لوحة إدارة ولوحة أعضاء. صُممت لتغطية دورة الفعالية منذ إنشائها ونشرها وحتى تسجيل المشاركين وإثبات الحضور وإصدار الشهادات.

التحديات إدارة فعاليات تختلف حقول التسجيل ومتطلباتها من مؤتمر إلى آخر. خدمة الأعضاء المسجلين والضيوف دون فقدان تاريخ التسجيل أو الشهادات. فصل صلاحيات الإدارة والأعضاء والزوار مع حماية العمليات الحساسة. توفير شهادة رقمية قابلة للتنزيل والتحقق العام بطريقة موثوقة. إدارة المحتوى والرسائل والاشتراكات والملفات من لوحة موحدة. الحل

بُنيت واجهة عامة ولوحتا تحكم باستخدام React، وربطت بواجهة API معيارية في NestJS. يتيح منشئ النماذج تعريف حقول التسجيل والتحقق منها حسب إعدادات كل فعالية، بينما يحفظ النظام بيانات المشارك ويربط سجل الضيف بحسابه عند التسجيل أو الدخول. أضيفت خدمات لتوليد ملفات PDF وأرقام الشهادات ورموز QR وروابط تنزيل الضيوف الموقعة، مع إشعارات إدارية لحظية عبر Socket.IO.

البنية التقنية تطبيق React أحادي الصفحة مع مسارات محمية وتحميل كسول للصفحات. خلفية NestJS بأسلوب Modular Monolith ووحدات مستقلة للوظائف الأساسية. MongoDB وMongoose لتخزين المستخدمين والفعاليات والتسجيلات والشهادات والمحتوى. مصادقة JWT وصلاحيات مبنية على الأدوار، مع Validation Pipes وGuards وInterceptors ومرشح أخطاء مركزي. تخزين ملفات محلي أو عبر Cloudflare R2، مع معالجة الصور ودعم رفع ملفات التسجيل. Docker وNginx وTraefik للنشر، مع نقاط فحص للحيوية والجاهزية وتوثيق OpenAPI. الوحدات الأساسية الحسابات والعضوية والتحقق المهني للأعضاء. المؤتمرات والأيام والجلسات والمتحدثون والبث المرتبط بالفعالية. نماذج التسجيل الديناميكية وتسجيل الأعضاء والضيوف وإدارة الحضور. إصدار الشهادات الفردي والجماعي والتنزيل والتحقق والإلغاء. الأخبار والتصنيفات ومجلس الإدارة وصفحة التعريف والمحتوى القانوني. النشرة البريدية ورسائل التواصل ومكتبة الوسائط والإشعارات الإدارية. النتائج

يوفر المشروع تدفقات مترابطة للموقع العام والإدارة والأعضاء، مع اختبارات E2E تغطي الأنظمة المحورية ووثائق تشغيل ونشر إنتاجية. وتشير وثائق الفريق إلى أن الوظائف الأساسية منفذة، بينما ما تزال بعض تفاصيل تكامل الوسائط وتدفقات النشرة واستعادة كلمة المرور بحاجة إلى إغلاق قبل اعتماد الإصدار النهائي.

هل تريد بناء مشروع مشابه؟

يمكننا تحويل الفكرة إلى نطاق واضح، واجهة قابلة للاستخدام، ونظام جاهز للنشر.

ابدأ مشروعًا