project-ab9b825c

مواءمة البنية العامة والتخطيط (Layout) لصفحات السكافولد مع صفحات التصميم الموجودة، شاملةً: شريط التنقل، التذييل، نظام الشبكة، تناسق المسافات والخطوط، وضمان تطابق هيكل المكونات مع ما هو موصوف في ملفات JSX التصميمية.

تنفيذ صفحة الرئيسية بناءً على تصميم JSX الموجود (Home v1)، تشمل: قصة مصورة تفاعلية مع رسوم متحركة، زر دعوة للتسجيل للزوار، عرض مميزات المنصة، وربط روابط التنقل نحو تسجيل الدخول والتسجيل الجديد وفق تدفق المستخدمين.

تنفيذ صفحة تسجيل الدخول بناءً على تصميم JSX الموجود (Login v1)، تشمل: نموذج الدخول بالبريد الإلكتروني وكلمة المرور، تصميم ملائم للأطفال، روابط للتسجيل الجديد، ومعالجة حالات الخطأ بشكل بصري واضح.

تنفيذ صفحة التسجيل بناءً على تصميم JSX الموجود (Signup v1)، تشمل: نموذج التسجيل بالاسم والبريد والدور (طالب/معلم) وكلمة المرور، تصميم جذاب للأطفال، التحقق من صحة البيانات، ورسالة تأكيد بعد التسجيل الناجح.

تنفيذ صفحة الحروف بناءً على تصميم JSX الموجود (Letters v1)، تشمل: عرض تفاعلي للحروف العربية والإنجليزية، لعبة تعليمية للأطفال، أنشطة تفاعلية لإكمال التمارين، تأثيرات بصرية وصوتية تفاعلية، وتتبع تقدم الطالب.

تنفيذ صفحة الفيديوهات بناءً على تصميم JSX الموجود (Videos v1)، تشمل: واجهة إنشاء وتحميل الفيديوهات للطلاب، مشغل فيديو مدمج، عرض الفيديوهات المرفوعة، وأدوات تعليمية لإنشاء المحتوى المرئي للأطفال.

تنفيذ لوحة التحكم بناءً على تصميم JSX الموجود (Dashboard v1)، تشمل: نظرة عامة للمعلم على الطلاب والمحتوى، إحصائيات التقدم، روابط سريعة لرفع المحتوى وتتبع الطلاب، وتخصيص العرض بحسب دور المستخدم (معلم/طالب).

تنفيذ صفحة المحتوى بناءً على تصميم JSX الموجود (Content v1)، تشمل: واجهة رفع وإدارة حروف ومحتوى تعليمي للمعلمين، نماذج إضافة/تعديل المحتوى، معاينة المحتوى قبل النشر، وتنظيم المحتوى في فئات.

تنفيذ صفحة التقدم بناءً على تصميم JSX الموجود (Progress v1)، تشمل: عرض تقدم الطلاب بشكل بصري (مخططات وإحصائيات)، واجهة تقديم التغذية الراجعة للمعلم، تقارير فردية لكل طالب، وإشعارات الإنجازات.

تنفيذ صفحة العينات بناءً على تصميم JSX الموجود (Samples v1)، تشمل: عرض عينات من الحروف والفيديوهات التعليمية للزوار غير المسجلين، مشغل فيديو تجريبي، عرض نماذج الأنشطة، وزر دعوة للتسجيل لاستكشاف المزيد.

تطوير واجهة برمجية RESTful باستخدام FastAPI لإدارة الحروف التعليمية، تشمل عمليات CRUD الكاملة للحروف العربية والإنجليزية، إدارة بيانات الحرف (الصورة، الصوت، الأمثلة)، وتخزين البيانات في MySQL وMongoDB.

تطوير واجهة برمجية RESTful باستخدام FastAPI لرفع وإدارة الفيديوهات التعليمية، تشمل: رفع الملفات المرئية (حد 100MB)، تخزينها، استرجاعها وحذفها، دعم الفيديوهات المُنشأة من الطلاب، وإدارة البيانات الوصفية في MongoDB.

تطوير واجهة برمجية RESTful باستخدام FastAPI لتتبع وتسجيل تقدم الطلاب، تشمل: تسجيل نتائج الأنشطة والألعاب، تخزين درجات الأداء، استرجاع تقارير التقدم الفردية، وتسجيل التغذية الراجعة من المعلمين في MySQL.

تطوير واجهة برمجية RESTful باستخدام FastAPI لإدارة المحتوى التعليمي من قِبل المعلمين، تشمل: رفع المحتوى وتصنيفه، تعديله وحذفه، الموافقة على النشر، وإدارة مستويات الصعوبة المناسبة لفئات عمرية مختلفة.

تطوير واجهة برمجية RESTful باستخدام FastAPI للوصول العام (بدون تسجيل) إلى عينات المحتوى التعليمي، تشمل: استرجاع عينات الحروف والفيديوهات المُختارة للعرض العام، تحديد حصص العرض للزوار، وتسجيل إحصائيات المشاهدة.

تنفيذ دعم اللغتين العربية والإنجليزية في واجهة المستخدم باستخدام مكتبة i18n في React، يشمل: إعداد ملفات الترجمة لجميع الصفحات التسع، دعم اتجاه RTL للعربية وLTR للإنجليزية، زر تبديل اللغة في شريط التنقل، وحفظ تفضيل اللغة للمستخدم.

تنفيذ الرسوم المتحركة والتأثيرات البصرية التفاعلية عبر جميع الصفحات وفق التصميم، تشمل: انتقالات الصفحات، رسوم متحركة لعناصر الحروف، تأثيرات الإنجاز والمكافآت للأطفال، وتأثيرات تفاعلية عند الضغط والتحويم باستخدام Framer Motion أو CSS animations.

تطوير واجهة برمجية للمساعد الذكي باستخدام Langchain وLitellm مع تكاملات GPT وClaude، تشمل: معالجة استفسارات الطلاب والمعلمين، توليد تفسيرات تعليمية مناسبة للأطفال، واجهة محادثة تفاعلية، وتخصيص الردود حسب مستوى الطالب العمري.

ربط جميع صفحات الواجهة الأمامية بنقاط نهاية FastAPI المقابلة، يشمل: إعداد Axios أو Fetch لاستدعاء الـ APIs، إدارة حالة التطبيق باستخدام React Query أو Redux، معالجة حالات التحميل والأخطاء، وتخزين بيانات المستخدم والجلسة بشكل آمن.

تكامل Claude API عبر Litellm لتوليد محتوى تعليمي تلقائي للحروف، يشمل: توليد أمثلة وقصص قصيرة مناسبة للأطفال لكل حرف، اقتراح أنشطة تفاعلية مخصصة، تكييف المحتوى حسب الفئة العمرية (3-8 سنوات)، ودعم اللغتين العربية والإنجليزية.