Mira Fashion هو متجر إلكتروني لعرض الملابس تم تصميمه بشكل بسيط وجذاب مع تجربة مستخدم سهلة وسلسة تناسب جميع الأجهزة، ويهدف إلى تقديم نموذج واقعي لمتجر أزياء عصري.
أهداف المشروع:
عرض منتجات الملابس بطريقة أنيقة ومنظمة
إمكانية إضافة المنتجات إلى عربة التسوق
محاكاة لعملية الشراء من خلال صفحة دفع وهمية
تصميم متجاوب يعمل بكفاءة على الجوال والكمبيوتر.
صفحات الموقع:
1. الصفحة الرئيسية:
بانر ترحيبي مع زر CTA لبدء التسوق
تصنيفات (فساتين – تيشيرتات – شتوي)
بطاقات للمنتجات تشمل الصورة، الاسم، السعر، وزر "أضف إلى السلة"
2. صفحة تفاصيل المنتج:
صورة واضحة وكبيرة للمنتج
اسم المنتج، السعر، اختيار المقاس، وصف مختصر
زر "أضف إلى السلة"
3. عربة التسوق:
عرض المنتجات المضافة
حساب إجمالي السعر وعدد القطع
زر "الدفع"
4. صفحة الدفع:
نموذج بسيط لتعبئة البيانات (الاسم – العنوان – رقم الهاتف)
زر لتأكيد الطلب بشكل وهمي (للتجربة فقط).
التقنيات المستخدمة:
HTML / CSS / JavaScript
Tailwind CSS لتصميم عصري
JavaScript LocalStorage لحفظ بيانات السلة مؤقتًا
(اختياري) إمكانية استخدام React لجعل التنقل أكثر سلاسة.
تفاصيل التصميم:
ألوان أنثوية وهادئة (مثل الوردي، البيج، الأبيض)
خطوط أنيقة وعصرية مثل Cairo أو Poppins.
مميزات إضافية قابلة للتطوير لاحقًا:
فلترة المنتجات حسب الفئة أو السعر
تقييمات بالنجوم لكل منتج
عرض منتجات مشابهة
تحميل الصور بشكل تدريجي (Lazy Loading)