ecommerce site

قمت بتطوير منصة Lacoste E-commerce بالكامل باستخدام React 19 في الواجهة الأمامية مع إدارة الحالة بواسطة React Query وZustand. اعتمدت على تصميم متجاوب وسهل الاستخدام، مع إعادة استخدام للكومبوننتس وOptimization للأداء. على مستوى الباك-إند استخدمت Node.js + Express لبناء REST API، وMongoDB كقاعدة بيانات لإدارة المنتجات، المستخدمين، الطلبات وسلة المشتريات. قمت أيضًا ببناء نظام تسجيل دخول باستخدام JWT Tokens وتخزينها في HTTP-only cookies للحماية. المشروع يشمل: Authentication & Protected Routes عرض المنتجات + فلترة + Pagination Cart system + حفظ الحالة Product Admin Dashboard لإضافة وتعديل المنتجات Image uploads Order processing كما قمت بتوصيل الواجهة الأمامية بالباك-إند باستخدام Axios مع Interceptors لمعالجة الأخطاء وتجديد الجلسة، بالإضافة إلى تحسين الـUX باستخدام Loader states وError boundaries.