الهدف من المشروع: تطوير منصة متكاملة لإدارة التعليم (LMS) قابلة للتطوير، تُقدم تجربة تعلم سلسة للطلاب وتوفر أدوات إدارية قوية للمسؤولين، بالاعتماد على أحدث التقنيات في الـ Full-Stack.
الميزات الجوهرية والإنجازات التقنية
البنية والتكنولوجيات الحديثة
الواجهة الأمامية والـ Backend: استخدام Next.js 15 مع App Router و React 19 لتنفيذ التطبيق بالكامل (Full-Stack)، مما يضمن أداءً فائقًا من خلال Server-Side Rendering (SSR).
الأمان وسلامة الأنواع: بناء التطبيق بالكامل باستخدام TypeScript لضمان سلامة الأنواع وتقليل الأخطاء، مع تطبيق قواعد بيانات آمنة وذات أنواع صارمة باستخدام Prisma ORM وقاعدة بيانات PostgreSQL.
التصميم والـ UI: تصميم واجهة مستخدم عصرية ومستجيبة (Responsive) باستخدام Tailwind CSS ومكونات Radix UI لضمان سهولة الوصول (Accessibility) ودعم نمط الإضاءة/الظلام (Dark/Light Theme).
المصادقة وإدارة المستخدمين
تطبيق نظام مصادقة آمن يعتمد على Better-Auth ويدعم تسجيل الدخول بالرابط السحري (Magic Link) وإدارة الجلسات.
تنفيذ التحكم في الوصول القائم على الأدوار (Role-Based Access Control) لحماية المسارات وفصل صلاحيات الطلاب عن المسؤولين.
إدارة المحتوى التعليمي (Courses & Lessons)
إنشاء نظام إدارة محتوى متقدم يدعم بنية الدورات متعددة المستويات (الدورة ← الفصول ← الدروس).
تطوير لوحة تحكم إدارية شاملة تتيح إدارة الدورات (CRUD)، وتحديث الفصول والدروس بسحب وإفلات (Drag-and-Drop Reordering).
دمج AWS S3 لتخزين ملفات الدورة التدريبية، مثل الصور المصغرة ومقاطع الفيديو، لضمان السرعة والتخزين السحابي الآمن.
المدفوعات وتجربة الطالب
التكامل مع Stripe لتنفيذ بوابة دفع آمنة ومتكاملة لإدارة أسعار الدورات وعمليات الشراء.
تطوير نظام تتبع التقدم للطلاب، يسمح بتسجيل إكمال الدروس والفصول ومتابعة التحصيل العلمي.
استخدام مكتبة TipTap لتوفير محرر نصوص غني ومتكامل (Rich Text Editor) لإنشاء أوصاف الدورات.
