منصة التجارة الإلكترونية باستخدام Express.js و React

منصة التجارة الإلكترونية باستخدام Express.js و React

نظرة عامة

منصة تجارة إلكترونية متكاملة لإدارة المنتجات، مصادقة المستخدمين، معالجة الطلبات، المدفوعات والمزيد. يعتمد هذا المشروع على React للواجهة الأمامية، وNode.js مع Express.js للواجهة الخلفية، وقاعدة البيانات MongoDB.

الميزات

️ إدارة المنتجات

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

تحتوي المنتجات على فئات، فئات فرعية، وعلامات تجارية.

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

المصادقة والتفويض

مصادقة تعتمد على JWT مع تخزين آمن للرموز.

التحكم في الوصول بناءً على الدور (المسؤول، المدير، المستخدم).

حماية المسارات لمنع الوصول غير المصرح به.

سلة التسوق وقائمة الأمنيات

يمكن للمستخدمين إضافة وتحديث وإزالة العناصر من السلة.

تبقى عناصر السلة محفوظة عبر الجلسات.

إمكانية حفظ المنتجات المفضلة في قائمة الأمنيات.

الدفع وإتمام الطلبات

تقديم الطلب مع تفاصيل الشحن.

إمكانية تطبيق قسائم الخصم قبل الدفع.

دمج مع Stripe للمدفوعات عبر الإنترنت.

خيار الدفع عند الاستلام (COD) متاح.

إدارة الطلبات

يمكن للمستخدمين عرض سجل الطلبات وتتبع حالة الطلب.

يمكن للمسؤولين إدارة الطلبات، تحديث حالتها، ومعالجة الاستردادات.

التقييمات والمراجعات

يمكن للمستخدمين إضافة تقييمات ومراجعات للمنتجات.

عرض متوسط التقييم على صفحات المنتجات.

️ الأمان والأداء

تخزين رمز JWT في ملفات تعريف الارتباط HTTP-only.

التحقق من المدخلات لضمان أمان البيانات.

التحميل البطيء وتقسيم الكود لتحسين الأداء.

لوحة تحكم المسؤول

إدارة المستخدمين: عرض، تعديل، وحذف الحسابات.

إدارة المنتجات: إضافة، تحديث، وحذف المنتجات.

إدارة الطلبات: عرض وتحديث حالة الطلبات.

إدارة القسائم: إنشاء وحذف قسائم الخصم.

النشر والتحسينات

النشر على Vercel أو Netlify أو Firebase Hosting.

تصميم متجاوب بالكامل للهاتف المحمول وأجهزة الكمبيوتر المكتبي.

تحسينات مستمرة وإصلاحات للأخطاء.

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

الطبقةالتكنولوجيا المستخدمة

الواجهة الأماميةReact، React Router، Redux Toolkit، Tailwind CSS

الواجهة الخلفيةNode.js، Express.js

قاعدة البياناتMongoDB (Mongoose ORM)

المصادقةJWT (JSON Web Token)

المدفوعاتStripe API

التخزينMulter (لتحميل الصور)