Coding learning app

تصميم شاشة واحدة (Single-Screen UI) لمنصة تعليمية تم تنفيذها بإطار عمل Flutter، تركز بشكل كامل على إبراز جمالية واجهة المستخدم (UI Design) وتوزيع المحتوى. تستعرض الشاشة مسارات برمجية متنوعة من خلال بطاقات (Cards) جذابة بصرياً، حيث دُمجت الألوان المتباينة مع الرسوم التوضيحية البسيطة والبيانات الأساسية (مثل مدة المسار والمستوى) لتقديم تجربة تصفح سلسة ومريحة للعين في واجهة واحدة فقط دون الانتقال لمسارات داخلية.

أبرز نقاط التركيز في الواجهة:

- تصميم بطاقات تفاعلية (Card-based UI) متناسقة بصرياً لعرض مسارات التعلم.

- استخدام لوحة ألوان متنوعة ورسوم متجهة (Illustrations) مخصصة لكل لغة لتمييز المحتوى بسهولة.

- ترتيب طباعة ونصوص هرمي (Typography) يبرز اسم التقنية ومداها الزمني وزر البدء بشكل مرتب.

- تطبيق عملي متقن لبناء واجهات Flutter بتنسيق شبكي/طولي متناسق ونظيف.