متجر إلكتروني حديث ومتجاوب تم تطويره باستخدام React.js، مع التركيز على تقديم تجربة مستخدم احترافية وسهلة على مختلف أحجام الشاشات.
يتضمن المشروع نظامًا متكاملًا لتصفح المنتجات والتفاعل معها، مع تسجيل الدخول وإنشاء الحساب، البحث عن المنتجات، تصنيف المنتجات وفلترتها، سلة المشتريات، قائمة المفضلة، صفحة Checkout، وملف المستخدم الشخصي.
تم استخدام Context API وuseReducer لإدارة حالة التطبيق، بالإضافة إلى React Router للتنقل بين الصفحات، وTailwind CSS لبناء واجهة مرنة ومتجاوبة، مع جلب بيانات المنتجات من Fake Store API.
أبرز مميزات المشروع:
تصميم Responsive للـDesktop والTablet والMobile.
نظام Authentication.
Shopping Cart.
Wishlist.
البحث عن المنتجات.
تصنيف وفلترة المنتجات.
صفحة Checkout.
User Profile.
إدارة حالة التطبيق باستخدام Context API وuseReducer.
تكامل مع REST API لجلب بيانات المنتجات.
واجهة حديثة تركز على تجربة المستخدم وسهولة الاستخدام.
التقنيات المستخدمة:
React.js · Tailwind CSS · React Router · Context API · useReducer · REST API · React Icons