تم تنفيذ هذا المشروع كمنصة إلكترونية متكاملة لإدارة العمل التطوعي، باستخدام Angular 19 في الواجهة الأمامية وASP.NET Core 8 في الخلفية.
تركز المنصة على تقديم تجربة مستخدم تفاعلية وسلسة لكل من المتطوع، المنظمة، والمشرف (الأدمن)، مع واجهة ديناميكية وتصميم متجاوب يدعم جميع الأجهزة.
يستطيع المتطوع تصفح الفرص، التقديم، متابعة الحضور، تقييم الفرص، وترك تعليقات على كل فرصة مر بها.
تمنح المنظمات لوحة تحكم غنية تحتوي على رسومات بيانية تفاعلية (Charts) لعرض إحصائيات الحضور، الفرق، والفرص، مع أدوات فلترة متقدمة.
أما الأدمن (المشرف) فيمتلك لوحة لإدارة ومراجعة المستخدمين والفرص والتقارير بسهولة، ويشرف على النظام كاملًا من خلال واجهة احترافية.
مميزات المشروع من ناحية الواجهة (Frontend):
تطوير كامل للواجهة باستخدام Angular 19 وTypeScript
تصميم Responsive باستخدام HTML5, CSS3, Bootstrap
استخدام Angular Routing للتنقل بين الصفحات بدون إعادة تحميل
حماية المسارات باستخدام Angular Guards بناءً على نوع المستخدم
واجهات مخصصة حسب الدور (متطوع – منظمة – أدمن)
عرض رسومات بيانية تفاعلية (Charts) في لوحة تحكم المنظمة والأدمن
نظام تعليقات وتقييمات من المتطوعين على الفرص
إشعارات لحظية باستخدام SignalR
عرض وتحميل شهادات التطوع بصيغة PDF من لوحة المتطوع
عرض بيانات ديناميكي باستخدام Angular Services وHTTP Client
التقنيات المستخدمة:
Frontend:
Angular 19, TypeScript
HTML5, CSS3, Bootstrap
Angular Routing, Guards
Chart.js أو ng2-charts (للعرض البياني)
SignalR (للتنبيهات اللحظية)
Backend:
ASP.NET Core 8, C#
Clean Architecture, CQRS, MediatR
ASP.NET Core Identity, JWT
SQL Server
AutoMapper, Serilog, Hangfire, Postman