موقع للتعليم الإلكتروني

نظرة عامة على المشروع:

تم إنشاء نظام إدارة الدورات مع وصول قائم على الأدوار للمسؤولين والمدربين والمشترين والطلاب، مما يتيح إدارة فعالة للدورات وبيانات المستخدمين وتقدم التعلم. الموقع يدعم light and dark mode.

الميزات الرئيسية:

لوحة تحكم المسؤول:

يمكن للمسؤولين إدارة الدورات، تعديل بيانات المدربين، قبول الطلاب، تحديد مواعيد الدورات، وعرض رسائل المسجلين على الموقع.

واجهة المدرب:

عرض الجدول الزمني: جداول الدورات.

إدارة الطلاب: عرض وتعديل درجات الطلاب.

اختيار الطلاب حسب المجال.

تحميل المحتوى: إضافة مقاطع فيديو للدورات.

تجربة المشتري:

يمكن للمشترين تصفح وشراء الدورات، إضافة إلى السلة وقائمة الرغبات، التقديم للمنح الدراسية، والتحول إلى طلاب بعد اجتياز اختبار القبول.

لوحة تحكم الطالب:

توفر جدولًا شخصيًا، تتبع الدرجات وتقدم الدورات، وتتيح الوصول إلى تفاصيل الدورات ومقاطع الفيديو.

التقنيات المستخدمة:

HTML: لهيكلة المحتوى وإنشاء العناصر الأساسية للصفحة.

CSS: لتنسيق وتصميم الصفحة، بما في ذلك الألوان والخطوط والتخطيطات.

JavaScript: لكتابة المنطق البرمجي والتفاعل مع قاعدة البيانات لتنفيذ عمليات القراءة والإضافة والتعديل والحذف.

TailwindCSS: لضمان التجاوب وسرعة التطوير باستخدام مكونات جاهزة مثل الأزرار والنماذج والشبكات.

Material UI: لإستخدام المكونات الجاهزة مثل البطاقات و الازرار و التي تدعم الأداء العالي و التصميم المتجاوب.

React JS: لبناء واجهات المستخدم. في هذا المشروع، تم استخدامها لإنشاء مكونات تفاعلية وسريعة الاستجابة لواجهة المستخدم. بفضلها، يمكن للمستخدمين التفاعل مع الموقع بشكل سلس وسريع، مما يحسن تجربة المستخدم بشكل كبير.

Next.js: لتوفير ميزات مثل التقديم من جانب الخادم (Server-Side Rendering) والتقديم الثابت (Static Generation)، مما يحسن أداء الموقع وسرعة تحميل الصفحات. بالإضافة إلى ذلك، توفر بنية مجلدات منظمة تسهل إدارة المشروع وتطويره.

NextAuth: لتوفير نظام مصادقة آمن وسهل الاستخدام. تتيح للمستخدمين تسجيل الدخول باستخدام مجموعة متنوعة من موفري الهوية مثل Google وFacebook، بالإضافة إلى دعم المصادقة التقليدية عبر البريد الإلكتروني وكلمة المرور. هذا يضمن أن بيانات المستخدمين محمية بشكل جيد وأن عملية تسجيل الدخول سلسة وآمنة.

Firebase: لتخزين البيانات بشكل آمن وسهل الوصول إليها، بالإضافة إلى توفير ميزات مثل المصادقة في الوقت الحقيقي.

إذا كنت بحاجة إلى مزيد من المعلومات أو لعرض المشروع، لا تتردد في التواصل معي.