تطوير منصة YLP التعليمية للأطفال - تجربة مستخدم تفاعلية وعصرية

وصف المشروع

قمت بتصميم وتطوير الواجهة الأمامية (Front-End) لمنصة YLP (Younes Learning Platform)، وهي منصة تعليمية رائدة تهدف إلى اكتشاف وتطوير مهارات الأطفال والمراهقين (8-18 سنة) في مجالات التكنولوجيا والقيادة.

كان الهدف هو بناء واجهة مستخدم (UI) جذابة وتفاعلية تخاطب الفئة العمرية المستهدفة وأولياء الأمور في آن واحد، مع التركيز على سهولة الاستخدام (UX) والأداء العالي.

ما تم إنجازه (المميزات)

- تصميم متجاوب كلياً (Fully Responsive): ضمان ظهور الموقع بشكل مثالي على جميع الشاشات (كمبيوتر، تابلت، موبايل).

- تصميم عصري وجذاب: استخدام ألوان هوية بصرية قوية (البنفسجي والبرتقالي) مع أيقونات عصرية (Lucide Icons) لتعزيز الجاذبية البصرية.

- الوضع الليلي (Dark Mode): تنفيذ كامل لنظام الثيمات (فاتح/داكن) مع زر تحويل سلس، لراحة عين المستخدم.

- تفاعلات وحركات (Animations): إضافة تأثيرات دخول العناصر (Fade-in) عند التمرير، وقوائم تنسدل بسلاسة، مما يضفي حيوية على التصفح.

- منهجية DUB: تصميم قسم خاص لشرح منهجية التعليم (Discover, Utilize, Build) باستخدام بطاقات تفاعلية ورسوم توضيحية.

أقسام متنوعة:

- صفحة رئيسية غنية بالمعلومات والإحصائيات.

- صفحات داخلية للبرامج التعليمية والمعسكرات (Bootcamps).

- صفحة "من نحن" وقسم للأسئلة الشائعة (FAQ) بنظام القوائم المنسدلة (Accordion).

- أكواد نظيفة ومعيارية: كتابة كود HTML5 و CSS3 نظيف، منظم، وقابل للتطوير (Clean Code)، مع تعليقات توضيحية.