منصة تعليم برمجة بالذكاء الاصطناعي لتقييم وتصحيح الأكواد وتقديم Feedback مخصص

منصة تعليمية متكاملة لتعلم البرمجة من خلال الدورات والدروس والاختبارات والمهام البرمجية، مع نظام Gamification لتتبع تقدم المتعلم وتحفيزه باستخدام XP والمستويات والشارات. تتيح المنصة للمتعلمين حل المهام البرمجية باستخدام Monaco Editor أو من خلال GitHub ورفع الملفات، ثم يقوم الذكاء الاصطناعي بتحليل الأكواد ومراجعتها وتصحيح الأخطاء وتقييم الحل، مع تحديد نقاط القوة والضعف وتقديم Feedback واقتراحات مخصصة لتحسين مستوى المتعلم. وتتضمن المنصة لوحة تحكم إدارية متكاملة لإدارة الدورات والدروس والاختبارات والمهام ومراجعة submissions والتقييم اليدوي أو بالذكاء الاصطناعي، بالإضافة إلى دعم العربية والإنجليزية وواجهة RTL وتصميم متجاوب. التقنيات المستخدمة: React 19 + Vite: لبناء واجهة المنصة وتطوير تجربة تفاعلية وسريعة. React Router: لإدارة التنقل بين صفحات المنصة وحماية المسارات حسب صلاحيات المستخدم. Tailwind CSS + Custom CSS: لبناء نظام تصميم متجاوب وواجهة حديثة تدعم الوضع الليلي والفاتح. Supabase + PostgreSQL: لإدارة قاعدة البيانات، المستخدمين، الدورات، الدروس، الاختبارات، المهام وبيانات التقدم. Supabase Auth: لتنفيذ تسجيل الدخول بالبريد الإلكتروني وGoogle OAuth وإدارة صلاحيات الطلاب والمسؤولين. Supabase Storage: لتخزين صور الدورات والملفات المرفوعة ضمن حلول المهام البرمجية. Supabase Edge Functions: لتنفيذ العمليات الخلفية ومعالجة submissions وتشغيل نظام التقييم بالذكاء الاصطناعي بشكل آمن. OpenRouter API + Google Gemma 4: لتحليل الأكواد، مراجعتها، تقييم الحلول، اكتشاف نقاط القوة والضعف، وتوليد Feedback واقتراحات مخصصة للمتعلمين. Monaco Editor: لتوفير محرر أكواد تفاعلي داخل المنصة لحل المهام البرمجية مباشرة. React Hook Form + Zod: لبناء نماذج المنصة والتحقق من صحة البيانات قبل إرسالها. i18next: لتنفيذ دعم اللغتين العربية والإنجليزية مع دعم RTL. React Markdown + Rehype Highlight: لعرض محتوى الدروس البرمجية بصيغة Markdown مع تنسيق الأكواد.