تم تطوير موقع E-commerce متعدد المنتجات باستخدام مكتبة React مع دمج Context API لإدارة الحالة العامة للتطبيق، واستخدام مكتبة Yup للتحقق من صحة البيانات، بالإضافة إلى تطبيق نظام الحماية باستخدام Private Routes لمنع الوصول إلى الصفحات الخاصة بدون تسجيل الدخول.
مميزات المشروع:
واجهة تفاعلية وديناميكية مبنية باستخدام React
إدارة الحالة عبر Context API لتخزين معلومات المستخدم وسلة المشتريات.
تحميل المنتجات وعرضها عبر واجهة ABI json
التحقق من صحة البيانات في نماذج التسجيل وتسجيل الدخول باستخدام مكتبة Yup
حماية الصفحات الخاصة (مثل صفحة الدفع أو معلومات المستخدم) من خلال Private Routes
تنقل سلس باستخدام React Router بين الصفحات المختلفة مثل: المنتجات، تفاصيل المنتج، تسجيل الدخول، التسجيل، والسلة.
تصميم متجاوب يدعم جميع أنواع الشاشات.
التقنيات المستخدمة:
React js
Context API
React Router
Yup (مع Formik أو أي مكتبة نماذج)
Private Routing
CSS / Styled Components