تطبيق تجارة إلكترونية متكامل يتيح للمستخدمين تصفح المنتجات، تسجيل الدخول، الشراء أونلاين، وإدارة الطلبات. يحتوي أيضًا على لوحة تحكم Admin لإدارة المنتجات والمخزون والطلبات.
الميزات الرئيسية:
المستخدم (User):
تسجيل وإنشاء حساب جديد باستخدام البريد الإلكتروني وكلمة المرور.
تسجيل الدخول الآمن باستخدام JWT (JSON Web Token).
تصفح جميع المنتجات مع خيارات الفلترة والبحث.
إضافة المنتجات إلى السلة (Cart) مع التحكم في الكمية.
إتمام الطلب والدفع (تم إعداد تكامل الدفع - Stripe/PayPal).
صفحة حساب المستخدم لعرض الطلبات السابقة.
المسؤول (Admin Panel):
تسجيل دخول خاص بالإداري (JWT).
إدارة المنتجات: إنشاء – تعديل – حذف (CRUD).
رفع صور المنتجات وتخزينها في Cloud Storage.
إدارة الطلبات: عرض كل الطلبات، تحديث حالة الطلب (جاري – تم الشحن – ملغي).
إحصائيات الطلبات والمبيعات (ممكن توسيعها باستخدام Dashboard charts).
? التقنيات المستخدمة:
️ الفرونت-إند (Frontend):
React.js – واجهة تفاعلية وسلسة
Redux Toolkit – إدارة الحالة (Cart, User, Products)
Axios – للتواصل مع الـ API
Tailwind CSS – تصميم سريع واستجابة مثالية
React Router – التنقل بين الصفحات
React Toastify – إشعارات أنيقة
الباك-إند (Backend):
Node.js + Express.js
MongoDB – قاعدة بيانات غير علائقية
JWT Authentication – تسجيل دخول آمن
Multer + Cloudinary (أو Firebase Storage) – لرفع الصور
CORS – إعداد الوصول الآمن من النطاقات
RESTful APIs – لفصل منطق الواجهة والبيانات
الاستجابة (Responsive):
تم تصميم الموقع ليكون متجاوبًا بالكامل مع:
الهواتف المحمولة
الأجهزة اللوحية
الشاشات الكبيرة
أهداف المشروع:
تقديم تجربة مستخدم قوية وواقعية لمواقع التجارة الإلكترونية.
محاكاة لوحة تحكم احترافية للمسؤول.
التطبيق على مبادئ MERN Stack (Mongo, Express, React, Node).
تحسين الأداء وسرعة تحميل الصفحات.
تجربة قوية في التعامل مع Token-Based Auth ورفع الصور وعمليات CRUD المعقدة.
مستقبل المشروع (قابل للتوسعة):
تكامل حقيقي مع بوابات الدفع (Stripe / PayPal).
إضافة ميزة التقييمات والمراجعات على المنتجات.
دعم تعدد اللغات والعملات.
إرسال بريد إلكتروني بعد الطلب.
