لوحة تحكم احترافية مبنية باستخدام React 18 وTypeScript لإدارة الدورات التدريبية، المحاضرين، والمحتوى التعليمي. تم تصميم النظام لتقديم تجربة استخدام عصرية وسلسة مع واجهة متجاوبة ومؤمنة بالكامل، موجهة خصيصًا للمشرفين الإداريين ضمن منصات التعليم الإلكتروني.
المهام والوظائف الأساسية:
نظام تسجيل دخول آمن باستخدام JWT وGoogle OAuth مع صلاحيات دخول حسب الدور (Admin فقط).
لوحة إحصائيات تفاعلية تعرض بيانات لحظية حول الدورات والمحاضرين.
إدارة متكاملة للدورات (إنشاء، تعديل، حذف، تحديد المستوى، التسعير، ورفع الصور).
إدارة المحاضرين مع تتبع الأداء والتقييمات.
واجهة مستخدم عصرية باستخدام Tailwind CSS وواجهة استجابة لكافة الأجهزة.
️ تجربة مستخدم محسّنة عبر التحقق الفوري من النماذج، والتنبيهات التفاعلية، والتعامل مع الأخطاء.
التقنيات المستخدمة:
Framework: React 18 + TypeScript
Build Tool: Vite
State Management: Jotai
Styling: TailwindCSS
Form Handling: Formik + Yup
HTTP Client: Axios
UI Libraries: HeadlessUI, Heroicons, React Quill, Recharts
Authentication: JWT + Google OAuth
النتيجة:
مشروع متكامل يقدم لوحة تحكم قوية وسهلة الاستخدام، تم تطويرها وفق معايير حديثة تضمن الأداء العالي، التنظيم الجيد للكود، وقابلية التطوير المستقبلي.
