منصة تعليمية تفاعلية لإدارة الكورسات - Edemy

وصف المشروع: منصة تعليمية متكاملة تساعد الطلاب والمدرسين على إدارة وتطوير التعليم الإلكتروني بسهولة واحترافية. منصة إدارة تعلم (LMS) متكاملة مبنية باستخدام MERN Stack. تخدم المنصة كل من الطلاب والمدرسين، مع تكامل Clerk للمصادقة وStripe للمدفوعات. يمكن للطلاب تصفح الدورات، شراؤها، متابعة تقدمهم، وترك تقييمات، بينما يقوم المدرسون بإدارة الدورات، متابعة الطلاب، ومراجعة الإيرادات. ركز المشروع بشكل كبير على التكامل بين الواجهة الأمامية والخلفية مع نقاط نهاية REST نظيفة، معالجة CORS، استجابات موحدة، وحالات تحميل/أخطاء قوية باستخدام Redux و Context API. كما تم تنفيذ Axios interceptors وrequest debouncing عند الحاجة. المدة: أسبوعين المميزات التقنية: المصادقة والمدفوعات: Clerk للمصادقة + Stripe للشراء. الطلاب: كتالوج الدورات، شراء آمن، متابعة التقدم، تقييمات. المدرسين: إنشاء/تعديل/حذف الدورات، متابعة الطلاب، مراجعة الإيرادات. التقنيات: React.js, Node.js, Express.js, MongoDB. الحالة والواجهة: Redux لإدارة الحالة، Context API لإدارة واجهة المستخدم/الثيم. التصميم: TailwindCSS؛ Axios مع interceptors؛ واجهة متجاوبة بالكامل. API: REST منظم، JSON موحد، معالجة CORS، جاهز للترقيم (Pagination). التحديات والدروس المستفادة: تعلم تصميم نقاط نهاية آمنة واستقرار استدعاءات API، والحفاظ على واجهة مستخدم قوية. حل مشكلات المصادقة، حالات الشراء الحرجة، والتحديثات التفاؤلية. الأهم: الاستمرارية—تصحيح الأخطاء بشكل منهجي وتحسين السجلات ساعدني على إتقان تكامل الواجهة الأمامية والخلفية وشحن تدفقات شبيهة بالبيئة الإنتاجية بثقة.