قمت بتطوير موقع متجر إلكتروني تجريبي (ShopMaster) باستخدام HTML, CSS, Bootstrap, و JavaScript، بحيث يحتوي على الصفحات والوظائف التالية:
الصفحة الرئيسية (index.html):
تحتوي على شريط تنقل (Navbar) وسلايدر للصور ومنتجات مميزة مع بطاقات عرض (Cards) وفوتر (Footer).
صفحة المنتجات (products.html):
تعرض جميع المنتجات في شبكة (Grid) مع زر "تفاصيل" لكل منتج.
صفحة المنتج (product.html):
تعرض تفاصيل المنتج (صورة + وصف + سعر) مع إمكانية إضافته إلى السلة.
صفحة السلة (cart.html):
تعرض المنتجات المضافة مع الكمية وإمكانية الحذف وحساب الإجمالي.
صفحة الدفع (checkout.html):
تحتوي على نموذج لإدخال بيانات المستخدم (الاسم، البريد، العنوان، بيانات البطاقة) + ملخص الطلب قبل التأكيد.
صفحات تسجيل الدخول والتسجيل (login.html / register.html):
من خلال نوافذ منبثقة (Modal).
صفحة تواصل معنا (contact.html):
تحتوي على نموذج مراسلة ومعلومات التواصل وخريطة جوجل.
تم ربط جميع الصفحات مع بعضها وضبط التفاعل باستخدام JavaScript و LocalStorage لحفظ بيانات السلة.
التصميم متجاوب باستخدام Bootstrap ليتناسب مع مختلف الأجهزة.