مشروع Yasmine’s Store هو واجهة متجر إلكتروني أنيقة ومتكاملة تم تطويرها باستخدام HTML، CSS، وJavaScript من الصفر بدون أي إطار عمل جاهز.
يهدف التصميم إلى تقديم تجربة تسوق رقمية حديثة وسلسة بتصميم بسيط وراقي.
مميزات المشروع:
تصميم Responsive متجاوب مع جميع الشاشات (موبايل – تابلت – كمبيوتر).
واجهة مستخدم UI/UX احترافية بأسلوب Minimal ودرجات ألوان دافئة.
نظام تصنيف للمنتجات حسب الأقسام (Electronics / Fashion / Beauty / Home).
إمكانية إضافة المنتجات إلى السلة (Cart) أو إلى قائمة المفضلة (Wishlist).
عدّاد تفاعلي للسلة والمفضلة في شريط التنقل.
صفحة ترحيبية مميزة مع رسالة تسويقية احترافية.
قسم Footer يحتوي على QR Code لزيارة المتجر وروابط التواصل.
تجربة تصفح سلسة باستخدام JavaScript للتفاعل مع الأزرار والفلترة.
التقنيات المستخدمة:
HTML5 لبناء الهيكل العام.
CSS3 (Flexbox & Grid) لتنسيق التصميم والأنيميشن.
Vanilla JavaScript لإضافة التفاعلية (Cart – Wishlist – Tabs).
مخرجات العمل:
واجهة متجر إلكتروني متكاملة وجاهزة للتكامل مع أي Backend أو نظام دفع إلكتروني مستقبلاً.
المشروع مناسب لعرضه في Portfolio أو كجزء من متجر تجريبي لعرض مهارات Front-End.