بناء Mini E-Commerce Dynamic Web App باستخدام Vanilla JavaScript

تطوير متجر إلكتروني تفاعلي باستخدام JavaScript و API

قمت بتطوير متجر إلكتروني متكامل متعدد الصفحات (Shop – Cart – Favorites) يعتمد على جلب البيانات من API خارجي وعرضها ديناميكيًا داخل الصفحة، مع إدارة كاملة لحالة المستخدم باستخدام Local Storage.

المشروع مبني باستخدام HTML5, CSS3, JavaScript (Vanilla JS) ويعكس فهم قوي للتعامل مع البيانات، إدارة الحالة، والتفاعل الديناميكي مع الواجهة.

أبرز المميزات:

جلب المنتجات من API خارجي باستخدام XMLHttpRequest

عرض المنتجات بشكل ديناميكي (Dynamic Rendering)

نظام بحث فوري (Live Search) لتصفية المنتجات

إضافة المنتجات إلى السلة (Cart) مع تخزين البيانات في LocalStorage

نظام مفضلة (Favorites) مع إمكانية الإضافة والحذف

إدارة الكميات داخل السلة (+ / -)

حساب إجمالي السعر تلقائيًا (Total Price Calculation)

تنقل ديناميكي بين الصفحات

هيكلة كود منظمة وقابلة للتطوير

المشروع يحاكي تجربة متجر إلكتروني حقيقي، ويظهر قدرتي على:

التعامل مع APIs

إدارة البيانات محليًا

بناء منطق برمجي متكامل

تطوير واجهات تفاعلية عملية