منصة تعليمية متكاملة باستخدام MERN Stack بتجربة مستخدم عصرية واحترافية

قمت بتطوير منصة تعليمية متكاملة باستخدام MERN Stack (MongoDB, Express, React, Node.js)، بتجمع بين تجربة مستخدم سلسة، وتصميم عصري، ومميزات قوية بتغطي كل جوانب العملية التعليمية.

الصفحة الرئيسية: بتعرض معلومات تعريفية عن المنصة والخدمات المقدمة بشكل جذاب وواضح.

صفحة الكورسات: تحتوي على فلاتر ذكية لسهولة تصفّح الكورسات حسب الفئة، السعر، والوسوم.

صفحة مجتمع (Community): فيها شات لايف بين الطلاب للتفاعل والمساعدة المتبادلة.

نظام المنشورات (Posts): لتبادل المعرفة بين المستخدمين، مع وجود ChatBot ذكي بالذكاء الاصطناعي بيرد على أسئلة الطلاب فورًا.

نظام التسجيل والدخول: تسجيل حساب جديد، تسجيل دخول، وإعادة تعيين كلمة المرور.

لوحات تحكم متعددة:

• لوحة تحكم للأدمن لإدارة المنصة بالكامل.

• لوحة تحكم للمُعلن لإنشاء كوبونات الخصم.

• لوحة تحكم للمعلم لإدارة كورساته.

بروفايل خاص لكل طالب: مع عرض بياناته والكورسات المسجّل بها.

صفحة مخصصة لكل كورس: فيها كل التفاصيل من محتوى، سعر، تقييمات، إلخ.

️ التصميم بالكامل Responsive ومتجاوب مع كل الشاشات، مع التركيز على تجربة مستخدم سلسة وجذابة.

️ تم تطوير المنصة باستخدام:

React.js

Node.js

Express.js

MongoDB

JWT Authentication

Socket.io (للشات)

AI Chatbot API

Bootstrap CSS / CSS Modules

React Router