متجر الكتروني متكامل باستخدام React.js

تم تطوير هذا المشروع لتقديم تجربة تسوق إلكترونية متكاملة وسريعة باستخدام أحدث تقنيات تطوير الواجهات. الموقع مبني على React.js ويعتمد على Redux لإدارة الحالة بشكل مركزي وفعّال، مما يضمن أداء عالي واستجابة فورية للتفاعلات. كما تم استخدام JSON Server لمحاكاة واجهة برمجة تطبيقات (REST API)، ما أتاح تجربة تطوير واقعية وقابلة للتكامل لاحقًا مع أي Back-End حقيقي.

الميزات الرئيسية:

تصميم عصري متجاوب بالكامل باستخدام Bootstrap، يدعم جميع الشاشات (جوال، تابلت، كمبيوتر).

إدارة منتجات وديناميكية عربة التسوق باستخدام Redux (actions, reducers, store).

محاكاة قاعدة بيانات عبر JSON Server لتخزين واسترجاع المنتجات، الطلبات، والمستخدمين.

صفحات منظمة تشمل: الرئيسية، جميع المنتجات، تفاصيل المنتج، صفحة تسجيل الدخول، صفحة العربة.

تنقل سلس بين الصفحات باستخدام React Router.

تحميل بيانات المنتجات بشكل ديناميكي مع دعم التحديث الفوري للواجهة دون إعادة تحميل الصفحة.

تجربة مستخدم سلسة مع واجهة استخدام واضحة وسريعة الاستجابة.

️ التقنيات المستخدمة:

React.js – لواجهة المستخدم

Redux / Redux Toolkit – لإدارة الحالة

React Router – للتنقل بين الصفحات

JSON Server – لمحاكاة REST API أثناء التطوير

Bootstrap / CSS – لتصميم متجاوب واحترافي

هذا المشروع يعكس قدرتي على بناء تطبيقات ويب كاملة تعتمد على مفاهيم الـ SPA، مع التركيز على الأداء، سهولة الاستخدام، وتنظيم الكود.