E commerce & Dashboard

واجهة المستخدم (User Interface):

تصفح المنتجات حسب الأقسام.

عرض تفاصيل كل منتج وسعره وصوره.

إمكانية إضافة المنتجات للسلة وتعديل الكمية أو الحذف.

إتمام عملية الشراء والدفع إما بـ:

Stripe (دفع أونلاين آمن)

الدفع عند الاستلام (Cash on Delivery)

تسجيل حساب جديد وتسجيل الدخول.

صفحة لتتبع الطلب حسب الحالة.

استقبال رسائل من الإدارة.

? لوحة التحكم (Admin Dashboard):

تسجيل دخول آمن باستخدام JWT Token.

إضافة وتعديل وحذف المنتجات.

عرض الطلبات حسب الحالة (قيد الانتظار، مؤكد، جاري الشحن...).

تغيير حالة الطلب والتحكم الكامل في دورة الطلب.

عرض الإيرادات والإحصائيات.

إرسال رسائل للمستخدمين (رسالة عامة أو موجهة لمستخدم محدد).

إدارة المستخدمين (عرض – حذف – تواصل).

الأمان والحماية:

حماية صفحات الأدمن باستخدام Token Authorization.

صلاحيات منفصلة بين الأدمن والمستخدم العادي.

تأمين عمليات الدفع بدمج Stripe.

️ أدوات وتقنيات مستخدمة:

Front-End: React.js, Tailwind CSS, Zustand, React Router, Toastify

Back-End: Node.js, Express.js, MongoDB

API Requests: Axios

Authentication: JWT

Payment Integration: Stripe API

الميزات الإضافية:

تجربة مستخدم سهلة وسريعة.

تصميم متجاوب على جميع الأجهزة.

إشعارات فورية عند تغيير حالة الطلب.

عرض حالة الطلب للمستخدم بشكل مباشر.

كود نظيف ومنظم قابل للتوسع والتعديل.