متجر إلكتروني ديناميكي

تطوير متجر إلكتروني تفاعلي يعتمد على تقنيات الويب الحديثة، مع ربط الواجهة ببيانات حقيقية لضمان تجربة تسوق واقعية وسلسة. التقنيات المستخدمة (Tech Stack): Frontend: HTML5, CSS3 (SASS/SCSS), Bootstrap 5. Logic: JavaScript (ES6+) للتحكم في منطق المتجر وتفاعل المستخدم. Data Management: الاعتماد على Fetch API لجلب المنتجات من JSON Server وعرضها ديناميكياً. المميزات البرمجية (JS Features): Dynamic Rendering: عرض المنتجات تلقائياً من قاعدة بيانات (JSON) دون الحاجة لتعديل كود الـ HTML يدوياً. Cart Logic: إضافة المنتجات للسلة، تحديث الكميات، وحساب الإجمالي (Total Price) لحظياً. Filtering & Search: ميزة تصفية المنتجات حسب الفئة أو البحث عنها بالاسم لسهولة الوصول. Local Storage: حفظ محتويات سلة المشتريات حتى بعد إغلاق المتصفح لضمان استمرارية تجربة المستخدم.