تطوير متجر إلكتروني تفاعلي يعتمد على تقنيات الويب الحديثة، مع ربط الواجهة ببيانات حقيقية لضمان تجربة تسوق واقعية وسلسة.
التقنيات المستخدمة (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: حفظ محتويات سلة المشتريات حتى بعد إغلاق المتصفح لضمان استمرارية تجربة المستخدم.
