Premium responsive e-commerce interface built with HTML5, CSS3 and Vanilla JavaScript.

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

تم تنفيذ المشروع في 3 ملفات منفصلة:

* HTML5 لبناء هيكل الموقع والمحتوى.

* CSS3 لتنفيذ التصميم والهوية البصرية والتجاوب.

* Vanilla JavaScript لإضافة التفاعلات والوظائف الديناميكية.

يتضمن المشروع عددًا من الوظائف والتفاصيل التفاعلية، منها:

* واجهة رئيسية حديثة لعرض المتجر والمنتجات.

* عرض المنتجات في بطاقات منظمة ومتجاوبة.

* تصفية المنتجات حسب التصنيف.

* البحث عن المنتجات بشكل مباشر.

* نافذة Quick View لعرض تفاصيل المنتج.

* إضافة المنتجات إلى سلة المشتريات.

* التحكم في الكمية وحذف المنتجات من السلة.

* حساب إجمالي المشتريات بشكل ديناميكي.

* دعم Dark Mode وحفظ الاختيار.

* قائمة تنقل متجاوبة للهواتف والأجهزة الصغيرة.

* تأثيرات انتقال وحركات بصرية خفيفة لتحسين تجربة المستخدم.

* تصميم Responsive يعمل على الكمبيوتر والتابلت والهاتف.

تمت كتابة الكود بشكل منظم وقابل للتطوير، مع فصل هيكل الواجهة عن التنسيق والمنطق البرمجي، بحيث يمكن ربط المشروع لاحقًا بواجهة برمجية API أو نظام Backend وقاعدة بيانات حقيقية.