صفحة منتج لموقع تجارة إلكترونية (E-Commerce Product Page)
هو مشروع واجهات أمامية (Front-End) حديث ومتجاوب تم تطويره باستخدام JavaScript الخام (Vanilla JavaScript) بدون أي مكتبات أو أطر عمل خارجية. يهدف المشروع إلى عرض مهارات تطوير واجهات المستخدم من خلال بناء صفحة منتجات متكاملة لمحاكاة متجر إلكتروني.
🧩 مميزات المشروع:
عرض المنتجات من خلال التكامل مع واجهة برمجة التطبيقات FakeStoreAPI
تصفية المنتجات حسب الفئة (مثل: ملابس، إلكترونيات...)
فرز المنتجات حسب السعر أو الاسم
إضافة/إزالة المنتجات من سلة المشتريات
تصميم متجاوب يعمل بكفاءة على جميع الأجهزة (حاسوب، تابلت، هاتف)
حفظ حالة السلة باستخدام localStorage لضمان عدم فقدان البيانات عند تحديث الصفحة
🛠️ التقنيات المستخدمة:
HTML5
CSS3 (باستخدام Flexbox وGrid لتنسيق العناصر)
JavaScript (ES6+)
FakeStoreAPI للحصول على بيانات المنتجات
🧪 كيفية تشغيل المشروع:
قم باستنساخ المشروع (Clone) إلى جهازك
افتح ملف index.html باستخدام المتصفح
لا حاجة لأي إعدادات أو أدوات بناء، المشروع يعتمد بالكامل على JavaScript الخام
