تطبيق متجر إلكتروني | React E-Commerce Web App
تطبيق ويب متكامل للتجارة الإلكترونية تم تطويره باستخدام React، ويقدم تجربة تسوق احترافية وسلسة للمستخدمين.
الميزات الأساسية:
نظام مصادقة كامل
تسجيل الدخول وإنشاء الحساب مع التحقق من البيانات باستخدام Formik وYup، وتخزين الجلسة في localStorage.
عرض المنتجات وتفاصيلها
تصفح منتجات مصنّفة (إلكترونيات، ملابس، مجوهرات...) مع إمكانية التصفية وعرض التفاصيل بشكل جذاب.
سلة تسوق ديناميكية
إضافة، تعديل، إزالة المنتجات، حساب الإجمالي مع الاحتفاظ بالسلة بين الجلسات.
واجهة مستخدم متجاوبة
تصميم حديث باستخدام Bootstrap، متوافق مع جميع الأجهزة، مع إشعارات باستخدام React Toastify.
إدارة الحالة بالسياق (Context API)
مع Hooks مخصصة مثل useAuth وuseCart لسهولة إدارة البيانات.
تكامل API خارجي
جلب بيانات المنتجات من Fake Store API مع التعامل مع التحميل والأخطاء.
تنقل ذكي
باستخدام React Router ومسارات متعددة تشمل الصفحة الرئيسية، تفاصيل المنتج، تسجيل الدخول، السلة، وصفحة 404.
التقنيات المستخدمة:
React, React Router, Bootstrap, Context API, Formik, Yup, Toastify, Fetch API, Local Storage
