ECOMM-Store

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

المميزات التقنية التي تم تنفيذها:

عرض المنتجات ديناميكياً: يتم توليد كروت المنتجات وبياناتها برمجياً من خلال ملف JavaScript، مما يسهل عملية التعديل والإضافة.

نظام فلترة ذكي: تنفيذ منطق فلترة يربط بين "تصنيفات المنتجات" و"نطاق السعر" في آن واحد، لتقديم نتائج دقيقة للمستخدم.

واجهة تفاعلية:

سلايدر صور (Slider) تلقائي لعرض العروض الترويجية.

نظام تبديل الأقسام (Sections Switching) لإظهار وإخفاء المحتوى حسب اختيار المستخدم من القائمة (Home / Products).

صفحة تفاصيل المنتج التي تظهر ديناميكياً عند الضغط على أي منتج مع عرض "منتجات ذات صلة".

تصميم متجاوب (Responsive Design): الواجهة متوافقة تماماً مع جميع أحجام الشاشات (موبايل، تابلت، ديسكتوب).

الأدوات المستخدمة:

JavaScript: للتحكم في المنطق (Logic) والـ DOM.

CSS3: للتنسيق وتصميم الـ Layout والأنيميشن.

HTML5: لبناء الهيكل الأساسي.