تطبيق متجر إلكتروني متكامل (PERN Stack E-commerce)

نبذة عن المشروع:

مشروع متجر إلكتروني حديث ومتكامل بمميزات متقدمة، مصمم ومبرمج من الصفر لتوفير تجربة تسوق سلسة وآمنة للمستخدمين، مع لوحة تحكم شاملة للإدارة والتحكم في المنتجات، الطلبات، والخصومات.

التقنيات المستخدمة (Tech Stack):

الواجهة الأمامية (Frontend): React 19, React Router, React Bootstrap, Context API

الواجهة الخلفية (Backend): Node.js, Express 5

قاعدة البيانات (Database): PostgreSQL

الأمان والمصادقة (Auth): JWT (JSON Web Tokens) محفوظ في HTTP-only Cookies، مع تشفير كلمات المرور باستخدام Bcrypt

خدمات خارجية (Third-party Services): Cloudinary (لرفع وإدارة الصور)، Nodemailer (لإرسال البريد الإلكتروني وإعادة تعيين كلمة المرور)

أبرز المميزات (Features):

1. واجهة العملاء (Customer Features):

تصفح المنتجات، الأقسام، والتقييمات مع إمكانية عرض تفاصيل وتنوعات المنتجات المختلفة.

سلة تسوق ديناميكية مرتبطة بحالة المستخدم (Cart Context).

عملية إتمام طلب (Checkout) متكاملة تتضمن: اختيار عناوين الشحن، حساب رسوم الشحن (حسب منطقة القاهرة)، حساب الضرائب، وتطبيق كوبونات الخصم.

تتبع الطلبات، إرسال طلبات استرجاع للمنتجات، وإدارة تقييمات المنتجات.

لوحة تحكم شخصية لتحديث البيانات الشخصية، تغيير كلمة المرور، رفع صورة الملف الشخصي، وعرض سجل الطلبات والخصومات.

2. لوحة التحكم الإدارية (Admin Panel):

نظام تسجيل دخول خاص بالإدارة وحماية المسارات (Admin Route Guards).

إدارة شاملة للمنتجات (إضافة، تعديل، حذف) مع رفع الصور عبر Cloudinary.

إدارة المخزون، الحملات التسويقية، الخصومات، وكوبونات التخفيض وتقارير استخدامها.

متابعة وإدارة طلبات العملاء، تحديث حالات الطلبات، وإدارة طلبات الاسترجاع.

تقارير متقدمة للمنتجات الأكثر مبيعاً وأداء الحملات.