freshcart-ecommerce

منصة فريش كارت للتجارة الإلكترونية (FreshCart E-Commerce Platform)

نبذة عن المشروع:

تطبيق ويب متكامل للتجارة الإلكترونية يهدف إلى توفير تجربة تسوق رقمية سلسة وسريعة للمستخدمين. تم بناء المنصة بربط كامل مع REST API لتغطي كافة رحلة العميل بدءاً من تصفح المنتجات وحتى الدفع الإلكتروني وتتبع الطلبات.

أهم الميزات الفنية المنجزة:

تصفح وفلترة المنتجات: تصميم كتالوج تفاعلي يعرض المنتجات، الفئات، والعلامات التجارية مع دعم البحث الفوري، الفلترة حسب الفئة، والفرز والتنقل بين الصفحات (Pagination).

إدارة الحالة الشاملة (State Management): استخدام React Context API لإدارة حالة السلة (Cart)، قائمة المفضلة (Wishlist)، وبيانات المستخدم الحالية بشكل موحد وسريع.

دورة تسجيل وسحب آمنة (Auth Flow): تطبيق نظام حماية كامل باستخدام JWT، يشمل التسجيل، تسجيل الدخول، واستعادة كلمة المرور عبر رمز تحقق (6-Digit OTP).

التحقق من البيانات وواجهات الدفع: استخدام Formik وYup لضمان صحة مدخلات المستخدم، مع إتاحة خيارين للدفع (الدفع عند الاستلام أو الدفع الإلكتروني عبر Stripe).

واجهة مستخدم متجاوبة: بناء واجهات سلسة ومتوافقة مع جميع الشاشات باستعمال Bootstrap 5 وReact Slick للـ Sliders وتنبيهات تفاعلية باستخدام React Hot Toast.

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

React 18 • Vite • React Router v6 • Context API • Axios • Formik & Yup • Bootstrap 5 • Stripe