تطوير متجر إلكتروني متكامل باستخدام React وNode.js وMongoDB

طورت متجرًا إلكترونيًا متكاملًا من الصفر باستخدام **Node.js وExpress 5 وMongoDB** للواجهة الخلفية، مع واجهة أمامية مبنية باستخدام **React (Vite) وTailwind CSS**.

شمل المشروع تطوير نظام تسجيل دخول آمن باستخدام **JWT** مع Access/Refresh Tokens، وتسجيل الخروج واستعادة كلمة المرور، بالإضافة إلى نظام صلاحيات متعدد المستويات (RBAC). كما تم تطوير إدارة متكاملة للمنتجات تشمل الإضافة والتعديل والحذف، مع البحث، والفرز، والتصفح بالصفحات، والتصفية حسب التصنيف.

تم تنفيذ سلة المشتريات، وقائمة الرغبات، وإدارة الطلبات مع دعم الكوبونات، والتقييمات والمراجعات، وإمكانية إضافة عدة عناوين للمستخدم. كما تم دمج **Stripe** للدفع الإلكتروني إلى جانب الدفع عند الاستلام.

اهتممت أيضًا بجودة وأمان النظام من خلال استخدام **Joi** للتحقق من البيانات، وتوثيق الـAPI باستخدام **Swagger/OpenAPI**، وتطبيق مجموعة من الإجراءات الأمنية مثل Helmet وCORS وRate Limiting وحماية قاعدة البيانات من NoSQL Injection.

ولتحسين الأداء، تم تفعيل ضغط البيانات باستخدام Gzip مع إمكانية استخدام **Redis** للتخزين المؤقت، بالإضافة إلى **Cloudinary** لإدارة ورفع الصور.

تمت تغطية الوظائف الأساسية باختبارات باستخدام **Jest وSupertest**، مع إعداد **GitHub Actions** لأتمتة عمليات الاختبار ضمن CI.

أما الواجهة الأمامية فتشمل صفحات تصفح المنتجات وتفاصيلها، والمراجعات والتقييمات، وسلة المشتريات وقائمة الرغبات، بالإضافة إلى رحلة شراء متكاملة تشمل العنوان والكوبونات واختيار وسيلة الدفع. كما تم تطوير صفحة رئيسية قابلة للبحث، وتصفح المنتجات حسب التصنيف، ودعم الوضع الداكن، ولوحة تحكم إدارية لمتابعة المخزون ومؤشرات المبيعات.

تم تجهيز المشروع باستخدام **Docker** ونشره على **Render**.