لوحة تحكم إحترافية - Dashboard

نظام إدارة مركز مدارج لتعليم القرآن الكريم – لوحة تحكم متكاملة (Full Stack Dashboard)

قمت بتطوير نظام إدارة شامل ومتكامل لمركز مدارج لتعليم القرآن الكريم باستخدام تقنيات حديثة: React.js مع Tailwind CSS للواجهة الأمامية، وNode.js مع Express.js وMongoDB للخلفية، مما يضمن أداءً عاليًا، تجربة مستخدم سلسة، وأمانًا قويًا.

الهدف الرئيسي من النظام هو رقمنة جميع عمليات المركز اليومية، تقليل الاعتماد على الورق والكراسات التقليدية، وتوفير رؤية فورية ودقيقة لجميع الأدوار (المدير، المشرفين، المعلمين، موظف شؤون الطلاب) من خلال لوحة تحكم يومية موحدة مخصصة حسب صلاحيات كل مستخدم.

الميزات الرئيسية للوحة التحكم:

تسجيل دخول آمن مع صلاحيات مبنية على الأدوار (Role-Based Access Control)

يدعم أربعة أدوار رئيسية: المدير، المشرف، المعلم، وموظف شؤون الطلاب، مع عرض محتوى مخصص فور تسجيل الدخول.

لوحة اليوم الرئيسية (Daily Dashboard)

Header ثابت يعرض اسم المركز، التاريخ الهجري والميلادي، الوقت الحالي، اسم المستخدم ودوره، وتنبيهات خاصة (مثل "اليوم جمعة تربوية" أو "ترفيهية").

بطاقات ملخصة (Cards) تعرض إحصائيات فورية: عدد الحلقات النشطة، إجمالي الطلاب، نسبة الحضور/الغياب، عدد الطلاب الجدد، والحالة المالية (للمدير).

إدارة الحلقات والجلسات

عرض جميع الحلقات (مثل: أبو بكر الصديق، عمر بن الخطاب، عثمان بن عفان، أبي بن كعب).

إمكانية إضافة حلقات جديدة مع التحقق التلقائي من التوافر: الفصول، المعلمين، المشرفين، وموظف شؤون الطلاب لتجنب التضارب في الجدول.

متابعة حالة كل جلسة (لم تبدأ / بدأت / انتهت) مع تمييز خاص ليوم الجمعة (تربوي أو ترفيهي حسب الدورة).

إدارة الطلاب والحضور والأداء

تسجيل طلاب جدد وربطهم بالحلقات تلقائيًا.

تسجيل الحضور اليومي بضغطة واحدة لكل طالب.

تسجيل مقدار الحفظ، التقييم (ممتاز/جيد/يحتاج متابعة)، والملاحظات.

متابعة خط سير الحلقة (قراءة المعلم → قراءة الطلاب → تفسير → تسميع).

رؤية شهرية لتقدم كل طالب مع تحديد الحالة (على المسار / متأخر).

الإدارة المالية

متابعة الاشتراكات الشهرية (100 جنيه لكل طالب) مع حالات: مدفوع / متأخر / معفي.

تسجيل المصروفات اليدوية (إيجار، رواتب، كهرباء...).

حساب تلقائي للدخل المتوقع والربح الصافي (الدخل - المصروفات).

عرض هذه البيانات في بطاقات واضحة ومخططات بسيطة للمدير فقط.

إدارة المعلمين والمشرفين وموظف شؤون الطلاب

عرض حالة كل معلم ومشرف يوميًا.

إضافة ملاحظات من المشرفين على الحلقات أو المعلمين.

تنبيهات فورية عند وجود غياب أو تأخر في الاشتراكات أو تعارض في الجدول.

ميزات إضافية

واجهة كاملة باللغة العربية مع دعم RTL.

تصميم متجاوب (Responsive) يعمل بسلاسة على الحواسيب والتابلت.

تنبيهات ذكية (Notifications) للأحداث المهمة.

بحث وتصفية سريعة في جميع القوائم.

كود نظيف وقابل للتوسع لإضافة ميزات مستقبلية (مثل إشعارات لأولياء الأمور أو تطبيق موبايل).

النظام يحقق أهدافه الرئيسية:

توفير رؤية شاملة وفورية للمدير والمشرفين.

تسهيل عمل المعلمين في تسجيل الحفظ والتسميع يوميًا.

تبسيط شؤون الطلاب والاشتراكات.

ضمان عدم وجود تضارب عند توسيع المركز بإضافة حلقات جديدة.

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