نبذة عن المشروع:
تحويل تصميم واجهة مستخدم احترافية لتطبيق أزياء (LUMIÈRE) إلى كود برمجي حي وتفاعلي. تم التركيز في هذا المشروع على بناء واجهة مستخدم (Front-End) سريعة، متجاوبة، وذات تجربة مستخدم (UX) سلسة تحاكي تطبيقات الهواتف الذكية.
المميزات التقنية التي قمت بتنفيذها:
بناء الهيكل (HTML5): استخدام Semantic HTML لضمان هيكلية نظيفة ومتوافقة مع معايير الويب.
تنسيق الواجهة (CSS3): بناء نظام شبكي متطور (Flexbox & Grid) لتوزيع المنتجات بشكل متناسق.
تصميم متجاوب بالكامل (Fully Responsive) ليعمل التطبيق بكفاءة على جميع أحجام الشاشات.
إضافة تأثيرات بصرية (Transitions & Animations) عند التفاعل مع أزرار الشراء والتنقل.
التفاعل والمنطق (JavaScript):
برمجة شريط التنقل السفلي (Bottom Navigation) للتبديل بين الأقسام.
إضافة منطق سلة التسوق مثل زيادة ونقصان الكمية وتحديث الإجمالي ديناميكياً.
محاكاة عملية إضافة كود الخصم (Promo Code) وعرض تفاصيل الفاتورة.
التقنيات المستخدمة:
HTML5: لبناء الهيكل الأساسي.
CSS3: للتنسيق، الألوان، والـ Media Queries.
JavaScript : لإضافة التفاعلية والمنطق البرمجي بدون مكتبات خارجية.