لوحة تحكم إدارة ALX Pulse
يمكن تجهيز أي فكرة
- قوالب ويب.
- تطبيقات قابلة للتوسّع.
- حلول قابلة للتخصيص.
- صفحات هبوط.
- مواقع بورتفوليو.
الوصف
لوحة تحكم إدارية شاملة لإدارة والتحكم في منصة مجتمع ALX Pulse. توفر لوحة التحكم هذه سيطرة كاملة على الفعاليات والمبادرات وإعلانات الوظائف وإدارة الخريجين وشراكات الشركات والمحتوى الظاهر للمستخدمين في التطبيق النهائي، حيث يمكن للمستخدمين المسجّلين تصفح الفعاليات وحجزها والتقديم على الوظائف وإدارة ملفاتهم الشخصية.
معرض المشروع
بيانات دخول تجريبية
هذا الإصدار يعمل ببيانات وهمية دون أي خادم حقيقي، فلا تتردد في تسجيل الدخول والتجول بحرية.
كلمة المرور: Demo@1234
| الدور | البريد الإلكتروني |
|---|---|
| Super Admin | super.admin@alxpulse.demo |
| Content Manager | content.manager@alxpulse.demo |
| Recruitment Manager | recruitment.manager@alxpulse.demo |
| Alumni Manager | alumni.manager@alxpulse.demo |
| Viewer | viewer@alxpulse.demo |
الحاجة التجارية
- إدارة الفعاليات والوظائف والشراكات يدويًا لا تصمد أمام أكثر من بضعة برامج. يمنح هذا مسؤولي المجتمع غير التقنيين تحكمًا مباشرًا دون الحاجة إلى مهندس عند كل تعديل.
- تحليلات فورية عن الحضور والحجوزات والملاحظات تتيح للمنظمين التركيز على ما ينجح فعلًا بدلًا من التخمين.
- شراكات الشركات وإعلانات الوظائف تحتاج مسارًا منظَّمًا. يحوّل هذا التواصل العشوائي إلى عملية قابلة للتتبع مع رؤية كاملة للمتقدمين.
- كل ما يراه عضو المجتمع في الموقع العام (الفعاليات، دليل الخريجين، طلبات المتحدثين) يُدار من هنا، بما يبقي التطبيقين متزامنين كمنتج واحد.
الوسوم
React 19TypeScriptViteRedux ToolkitReact Router v7TanStack React QueryMaterial UI (MUI)Tailwind CSS v4Framer MotionAxiosDay.jsReact SelectReact ToastifyFont AwesomeMUI X Charts ProMUI X Date PickersSplide.js
نظرة عامة على المشروع
- لوحة تحكم ALX Pulse هي لوحة إدارية متطورة مُصمَّمة لإدارة ومتابعة منظومة منصة مجتمع ALX
- يعمل التطبيق كمركز تحكم للمسؤولين لإدارة الفعاليات والمبادرات وإعلانات الوظائف وسجلات الخريجين وشراكات الشركات
- يوفر تحليلات ورؤى في الوقت الفعلي من خلال رسوم بيانية تفاعلية ومكونات لتصور البيانات
- تتحكم لوحة الإدارة في المحتوى الذي يظهر في التطبيق العام حيث يمكن لأعضاء المجتمع تصفح الفعاليات وحجزها والتقديم على الوظائف
- مبنية باستخدام React 19 الحديث و TypeScript، بتصميم متجاوب يعمل بسلاسة على أجهزة الحاسوب والهواتف
- تستخدم Redux Toolkit لإدارة حالة مركزية عبر ميزات متعددة تشمل الفعاليات والوظائف والمبادرات والإعدادات
- تستخدم التحميل الكسول وتقسيم الكود لتحقيق أفضل أداء عبر React Suspense
- تتكامل مع واجهة خلفية عبر Axios مع مصادقة قائمة على JWT واعتراضات للطلبات (interceptors)
- تضم نظام نماذج شاملًا بمسارات متعددة الخطوات لإنشاء الفعاليات والوظائف والمبادرات وغيرها من المحتوى
صفحات الموقع
- تسجيل الدخول: صفحة مصادقة آمنة للمسؤولين عبر البريد الإلكتروني وكلمة المرور للدخول إلى لوحة التحكم
- لوحة التحكم: صفحة النظرة العامة الرئيسية تعرض تحليلات الفعاليات، وفعاليات الشهر الحالي، ومنشورات الاستكشاف، وأحدث طلبات المجتمع
- الفعاليات: مركز لإدارة عرض وإنشاء وتنظيم فعاليات المجتمع القادمة والسابقة عبر بطاقات تفصيلية
- جميع الفعاليات: عرض شبكي مقسّم على صفحات لكل الفعاليات مع خاصية البحث والتنقل السريع
- تفاصيل الفعالية: عرض شامل يظهر الضيوف والمضيفين والموقع والتوقيت والوصف وإعدادات الفعالية
- ملاحظات الفعالية: صفحة تحليلات تعرض إجمالي التقييمات ومتوسطها وملخصات الملاحظات وبطاقات كل ملاحظة
- إنشاء فعالية: معالج نماذج متعدد الخطوات بانتقالات متحركة لإنشاء فعاليات جديدة بكامل تفاصيلها
- المبادرات: صفحة لإدارة مبادرات المجتمع (سلاسل/برامج الفعاليات) مع تنقل بين الفعاليات والمبادرات
- جميع المبادرات: عرض مقسّم على صفحات لكل برامج المبادرات عبر بطاقات مع خاصية البحث
- تفاصيل المبادرة: عرض تفصيلي للمبادرة يظهر صورتها وإجراءاتها والفعاليات المرتبطة بها
- إنشاء مبادرة: نموذج إنشاء متعدد الخطوات لإضافة برامج مبادرات جديدة
- إنشاء فعالية لمبادرة: نموذج لإنشاء فعاليات مرتبطة بمبادرات قائمة تحديدًا
- التقويم: عرض تقويم تفاعلي متواصل لجدولة الفعاليات وعرضها عبر جميع الأشهر
- لوحة الوظائف: مركز لإدارة إعلانات الوظائف المفتوحة والمغلقة
- جميع الوظائف: عرض شامل مقسّم على صفحات لكل إعلانات الوظائف مع بيانات الشركة وعدد المتقدمين
- تفاصيل الوظيفة: عرض تفصيلي للوظيفة يظهر الوصف والمتطلبات والمزايا وإجراءات الوظيفة
- المتقدمون للوظيفة: عرض جدولي لكل المتقدمين لوظيفة معيّنة مع إمكانية تصدير البيانات
- إنشاء وظيفة: نموذج متعدد الخطوات لإنشاء إعلان وظيفة بتفاصيلها ومتطلباتها
- الشركات: جدول لإدارة الشركات الشريكة التي تنشر الوظائف مع إحصاءات الوظائف
- إضافة شركة: نموذج لتسجيل شركات شريكة جديدة في النظام
- الخريجون: جدول قابل للبحث والتصفية لكل أعضاء ALX الخريجين مع تقسيم على صفحات
- إضافة خريج: نموذج لإضافة أعضاء خريجين جدد إلى قاعدة البيانات
- الواجهة العامة - الاستكشاف: إدارة منشورات سلايدر الصفحة الرئيسية للتطبيق العام
- الواجهة العامة - طلبات المتحدثين: عرض جدولي لطلبات التحدث من المجتمع مع مسارات الموافقة
- الواجهة العامة - طلبات المواضيع: إدارة اقتراحات المواضيع المُقدَّمة من أعضاء المجتمع
- الإعدادات - عام: إعدادات عامة للوحة التحكم تشمل تفضيلات الإشعارات والهوية البصرية
- الإعدادات - الأمان: إعدادات أمان تشمل تفعيل وضع الصيانة والمصادقة الثنائية وإدارة الأجهزة
- الإعدادات - بيانات النظام: خيارات ضبط وإدارة البيانات على مستوى النظام
- صفحة 404: صفحة خطأ مخصصة للتعامل مع الروابط غير الصحيحة
أبرز الميزات
- إدارة شاملة للفعاليات: عمليات CRUD كاملة للفعاليات تشمل معالجات الإنشاء، ونوافذ التعديل، وتحليلات تفصيلية
- برامج المبادرات: تنظيم الفعاليات المرتبطة تحت مظلة المبادرات عبر واجهات إدارة مخصصة
- إدارة لوحة الوظائف: إدارة كاملة لدورة حياة إعلان الوظيفة من الإنشاء إلى الإغلاق مع تتبع المتقدمين
- إدارة شراكات الشركات: تسجيل وإدارة الشركات الشريكة مع إحصاءات الوظائف وتتبع الطلبات
- قاعدة بيانات الخريجين: دليل خريجين قابل للبحث مع تصفية وتقسيم على صفحات وإدارة ملفات الأعضاء
- لوحة تحليلات تفاعلية: تحليلات فعاليات في الوقت الفعلي برسوم بيانية تظهر الحضور والحجوزات ومؤشرات التفاعل
- تقويم متواصل: مكوّن تقويم تفاعلي مُصمَّم خصيصًا لعرض وإدارة الفعاليات المجدولة
- التحكم بالمحتوى العام: إدارة سلايدر الصفحة الرئيسية وطلبات المتحدثين واقتراحات المواضيع للتطبيق العام
- معالجات نماذج متعددة الخطوات: مسارات نماذج سلسة ومتحركة باستخدام Framer Motion لإنشاء محتوى معقّد
- بحث وتصفية متقدمة: مربعات بحث وفلاتر في جميع أنحاء التطبيق للوصول السريع للبيانات
- تصميم متجاوب: تخطيط متجاوب بالكامل مع قائمة تنقل جانبية مخصصة للهاتف ومكونات متكيّفة
- محتوى حسب الدور: إدارة منفصلة للضيوف والمضيفين وأدوار المستخدمين الأخرى داخل الفعاليات
- نظام ملاحظات الفعاليات: جمع وتحليل ملاحظات المستخدمين مع ملخصات التقييم والمراجعات الفردية
- مصادقة JWT: مصادقة آمنة قائمة على الرموز مع إدراج تلقائي للترويسات عبر اعتراضات Axios
- إدارة الحالة: مخزن Redux مركزي يدير الفعاليات والوظائف والمبادرات والشركات والخريجين والإعدادات
- التحميل الكسول: صفحات مقسّمة الكود عبر React Suspense لتحسين أداء التحميل الأولي
- ضوابط أمان الإدارة: تفعيل وضع الصيانة، إعدادات المصادقة الثنائية، وإدارة جلسات الأجهزة
- تصدير البيانات: تصدير بيانات المتقدمين وطلبات المجتمع بصيغة Excel
- مؤشرات البث المباشر: شارات في الوقت الفعلي تظهر الفعاليات المباشرة على بطاقات الفعاليات
- نظام تقسيم الصفحات: تقسيم على صفحات باستخدام MUI في جميع عروض القوائم للتعامل مع كميات بيانات كبيرة