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

تطوير متجر إلكتروني تفاعلي يعتمد على تقنيات الويب الحديثة، مع ربط الواجهة ببيانات حقيقية لضمان تجربة تسوق واقعية وسلسة.

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