e-commerce website

🛍️ متجر إلكتروني تفاعلي ديناميكي بـ React.js متصل بـ REST API

طبيعة المشروع:

تطوير واجهة متجر إلكتروني متكاملة وديناميكية بالكامل تعتمد على جلب البيانات الحية للمنتجات وتفاصيلها من REST API (DummyJSON)، مع تقديم تجربة تسوق سريعة وتفاعلية للمستخدم دون أي التأخيرات التقليدية لإعادة تحميل الصفحات.

🚀 أبرز المميزات والحلول البرمجية:

جلب وتنسيق البيانات الحية (Data Fetching & API Integration):

ربط التطبيق بـ DummyJSON API لجلب قائمة المنتجات، التصنيفات، الأسعار، الصور، والتقييمات بطريقة ديناميكية وسريعة مع معالجة حالات التحميل والأخطاء (Loading & Error States).

إدارة عربة التسوق التفاعلية (Shopping Cart State):

بناء نظام كامل للسلة باستخدام React لتأمين إضافة/حذف المنتجات، تعديل الكميات، وحساب الإجمالي تلقائياً وبشكل حي (Real-time Price Calculation).

فلترة وبحث في المنتجات (Filtering & Search Logic):

إمكانية البحث السريع والفلترة حسب الأقسام أو الأسعار استناداً إلى البيانات القادمة من الـ API مباشرة.

تجربة تطبيق الصفحة الواحدة (Single Page Application - SPA):

تصفح وتنقّل لمسارات المنتجات والصفحات بسلاسة تامة دون الحاجة لعمل Page Reload.

تصميم تجاوبي متكامل (100% Fully Responsive UI):

واجهة فاخرة ومريحة تتكيف تماماً مع شاشات الموبايل والتابلت واللابتوب.

🛠️ التقنيات المستخدمة (Tech Stack):

React.js: لبناء المكونات (Components) وتوليد الواجهات ديناميكياً.

JavaScript (ES6+) / Fetch API / Axios: للتعامل مع الـ Async Operations وجلب البيانات من الـ API.

CSS3 / Tailwind CSS (أو Bootstrap): لتنسيق الواجهات والاستجابة لجميع الشاشات.

HTML5: لبناء الهيكل الدلالي الممتاز.