متجر إلكتروني متكامل (MERN Stack)

🛍️ E-Store — منصة تجارة إلكترونية متكاملة باستخدام MERN

E-Store هو مشروع تجارة إلكترونية Full-Stack تم تطويره باستخدام MERN Stack، مع التركيز على بناء نظام قابل للتوسع، آمن، وسريع، وتوفير تجربة تسوق متكاملة للمستخدم إلى جانب لوحة تحكم إدارية لإدارة المتجر ومتابعة أداء المبيعات.

تم بناء المشروع وفق Client-Server Architecture باستخدام React وVite في الواجهة الأمامية، وNode.js وExpress في الخلفية، مع MongoDB لتخزين البيانات وRedis للتخزين المؤقت وإدارة الجلسات.

✨ أبرز مميزات المشروع

- 🛍️ تجربة تسوق متكاملة: تصفح المنتجات والتصنيفات، المنتجات المميزة، البحث والتصفية، إدارة سلة المشتريات وتحديث الكميات والأسعار بشكل فوري.

- 💳 نظام دفع إلكتروني: دمج Stripe لإنشاء عمليات الدفع وإدارة حالات نجاح وإلغاء الدفع، مع دعم Webhooks لمعالجة الأحداث المرتبطة بالمدفوعات.

- 🎟️ نظام كوبونات: إنشاء وتطبيق أكواد الخصم والتحقق منها باستخدام Redis لتحسين سرعة عمليات التحقق.

- 🤝 اقتراحات المنتجات: تنفيذ ميزة "People Also Bought" لعرض منتجات مرتبطة بسلوك الشراء وتشجيع المستخدم على اكتشاف منتجات إضافية.

- 🔐 مصادقة وأمان متقدم: استخدام JWT Access & Refresh Tokens مع تخزين آمن عبر Cookies، بالإضافة إلى تشفير كلمات المرور باستخدام "bcryptjs".

- 👥 Role-Based Access Control: فصل صلاحيات المستخدمين العاديين عن صلاحيات مسؤولي المتجر وحماية المسارات الإدارية.

- 📊 لوحة تحكم إدارية: إدارة المنتجات، المنتجات المميزة، ومتابعة مؤشرات المتجر مثل عدد المستخدمين والمنتجات والمبيعات والإيرادات من خلال رسوم بيانية تفاعلية.

- ☁️ إدارة الصور والوسائط: دمج Cloudinary لرفع صور المنتجات وتخزينها وإدارتها سحابيًا.

- ⚡ تحسين الأداء: استخدام Redis للتخزين المؤقت في العمليات التي تتطلب وصولًا متكررًا للبيانات، إلى جانب Zustand لإدارة الحالة في الواجهة.

- 📱 تصميم متجاوب: واجهة مستخدم متجاوبة تعمل على مختلف أحجام الشاشات والأجهزة.

- 🧩 بنية Modular: تنظيم المشروع إلى Controllers وModels وRoutes وMiddlewares وServices/Integrations لتسهيل الصيانة والتطوير مستقبلًا.

🛠️ التقنيات المستخدمة

Frontend: React 19 · Vite · Tailwind CSS 4 · Zustand · React Router · Framer Motion · Recharts

Backend: Node.js · Express 5 · MongoDB · Mongoose · REST API

Security: JWT · Refresh Tokens · bcryptjs · Role-Based Access Control

Integrations: Redis · Stripe · Cloudinary

🔐 بيانات الدخول التجريبية

يمكن تجربة لوحة التحكم الإدارية باستخدام الحساب التجريبي:

- البريد الإلكتروني: "admin@example.com"

- كلمة المرور: "admin1234"

«الحساب مخصص لتجربة المشروع فقط، ولا يحتوي على بيانات حقيقية أو معلومات حساسة.»