E- commerce website (mobile store)

مشروع E-Commerce Mobile Store هو واجهة أمامية (Front-End Only) لمتجر إلكتروني مخصص للهواتف المحمولة، تم تطويره باستخدام HTML, CSS, وJavaScript فقط بدون أي إطار عمل.

يهدف المشروع إلى إنشاء تجربة تسوق إلكتروني عصرية، سريعة، وسهلة الاستخدام تناسب شاشات الهواتف والأجهزة اللوحية.

المزايا الرئيسية:

تصميم واجهة متجاوبة (Responsive Design) تدعم مختلف قياسات الشاشات.

عرض المنتجات في شبكة منظمة (Product Grid) مع صور وأسعار وتقييمات.

صفحة تفاصيل المنتج تحتوي على الوصف، السعر، الصور المتعددة، وخيار الإضافة إلى السلة.

سلة تسوق تفاعلية (Shopping Cart) تعمل على المتصفح باستخدام Local Storage.

صفحة بحث وتصفية المنتجات حسب الفئة أو السعر.

واجهة استخدام أنيقة تعتمد على تصميم بسيط وسلس يناسب تجربة المستخدم على الموبايل.

الجانب التقني:

HTML5: لبناء هيكل الصفحات.

CSS3 & Flexbox/Grid: لتنسيق التصميم وجعله متجاوبًا.

Vanilla JavaScript: لإضافة التفاعلية (مثل الإضافة إلى السلة، حساب المجموع، التصفية).

Local Storage: لحفظ بيانات السلة مؤقتًا دون الحاجة إلى خادم.

النتيجة:

يقدّم المشروع تجربة متجر إلكتروني متكاملة من جانب الواجهة الأمامية، مع أداء سريع وتصميم احترافي يناسب المتصفحات الحديثة على أجهزة الموبايل.