لوحة تحكم mini-shop

لوحة تحكم Mini Shop Admin Dashboard

لوحة تحكم حديثة مبنية باستخدام React + TypeScript + React Query لإدارة المنتجات والطلبات مع نظام مصادقة، رفع الصور، والتحكم في حالات الطلبات.

🚀 المميزات

👤 نظام المصادقة

• تسجيل الدخول / تسجيل الخروج

• تخزين JWT Token داخل localStorage

• تسجيل خروج تلقائي عند حدوث 401/403

• حماية طلبات الـ API

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

• إضافة منتج جديد مع رفع صورة

• تعديل المنتجات

• حذف المنتجات

• رفع الصور باستخدام FormData

• التحقق من صحة النماذج عبر React Hook Form

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

• عرض جميع الطلبات

• فلترة الطلبات حسب الحالة

• تحديث حالة الطلب

حالات الطلب:

• pending — قيد الانتظار

• processing — جاري المعالجة

• shipped — تم الشحن

• delivered — تم التسليم

• cancelled — تم الإلغاء

⚡ طبقة الـ API

• apiRequest موحد لإدارة الطلبات

• اكتشاف تلقائي لـ JSON و FormData

• إدارة تلقائية لترويسات المصادقة

• معالجة عامة للأخطاء

🔄 جلب البيانات

• استخدام React Query للتخزين المؤقت والمزامنة

• إعادة جلب البيانات تلقائيًا بعد التعديلات