CloudMars – Kids Educational Website

CloudMars هو موقع تعليمي متكامل مخصص للأطفال لتعلم البرمجة من خلال واجهة تفاعلية وألعاب تعليمية. قمت بتصميم وتطوير المنصة بالكامل (Full Stack).

الوظائف الأساسية:

Login & Sign Up System: تسجيل دخول وتسجيل مستخدمين مع حفظ البيانات في قاعدة البيانات.

Interactive Lessons: دروس برمجة مع صور، فيديوهات، وأمثلة عملية.

Compiler Integration: كومبايلر بسيط مدمج داخل الموقع لتجربة الأكواد مباشرة.

Quizzes & Feedback: اختبارات تفاعلية بصوتيات وتأثيرات عند الإجابة (صحيحة/خاطئة).

Student Dashboard: لوحة تحكم للطالب تشمل:

تتبع التقدم الدراسي.

عرض الدرجات والنتائج.

جدول زمني للدروس والاختبارات.

Chatbot: بوت دردشة لمساعدة الطالب على التنقل والإجابة عن الأسئلة.

Projects Page: صفحة خاصة لاستعراض مشاريع الطلاب القديمة.

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

Frontend: HTML, CSS, JavaScript (مع رسوم متحركة وتأثيرات).

Backend: PHP + Firebase + MySQL.

UI/UX: تصميم صفحات ملونة وجذابة للأطفال باستخدام Figma.

Software Testing: كتابة Test Cases وتجربة السيناريوهات المختلفة للتأكد من كفاءة الموقع.

النتيجة:

موقع كامل، تفاعلي، ملون، وسهل الاستخدام، يساعد الأطفال على التعلم بطريقة ممتعة وشيقة.