E-Commerce website

نظام شامل لإدارة حسابات المستخدمين

تطوير نماذج تسجيل الدخول، التسجيل، واستعادة كلمة المرور باستخدام React Hook Form لزيادة كفاءة إدارة النماذج.

تطبيق المسارات المحمية (Protected Routes) باستخدام React Router لمنع الوصول غير المصرح به.

إعادة توجيه المستخدمين المسجلين مسبقًا تلقائيًا إلى الصفحة الرئيسية لتجربة استخدام سلسة.

إدارة سلة المشتريات وقائمة الرغبات

تمكين المستخدمين من إضافة، تحديث، وحذف المنتجات من السلة.

إمكانية نقل المنتجات من قائمة الرغبات إلى السلة أو حذفها بسهولة.

تحديثات آنية تعكس عدد المنتجات والكميات في السلة بشكل ديناميكي.

خيارات دفع مرنة

دعم الدفع عند الاستلام (COD) والدفع الإلكتروني لتلبية مختلف تفضيلات العملاء.

التحقق الآمن من الدفع ومعالجة الطلبات لضمان تجربة دفع سلسة.

تفاعل محسن مع المستخدم

دمج react-toasty لعرض إشعارات فورية عند نجاح العمليات أو حدوث أخطاء.

رسائل مخصصة للتفاعلات الرئيسية مثل إضافة أو حذف المنتجات.

تصميم عصري ومتجاوب

استخدام Swiper.js لإنشاء شريط منتجات تفاعلي ومتجاوب بالكامل.

بناء واجهة متجاوبة تعمل بكفاءة على أجهزة الكمبيوتر، الأجهزة اللوحية، والهواتف المحمولة.

تحسين الأداء وتجربة المستخدم (UX)

تطبيق Code Splitting & Lazy Loading لتحميل المكونات عند الحاجة فقط، مما يعزز الأداء.

استخدام Axios Interceptors لإدارة طلبات الـ API، بما في ذلك المصادقة ومعالجة الأخطاء.

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

هذا المشروع كان فرصة ممتازة لتعزيز مهاراتي في React 19، React Hook Form، ودمج واجهات API المتقدمة، مع بناء منصة تجارة إلكترونية غنية بالميزات وسهلة الاستخدام.

Live Demo Link: https://lnkd.in/dZ7tC93p