Refund Orders Dashboard – إدارة الطلبات المرتجعة

وصف المشروع: لوحة تحكم متقدمة لإدارة طلبات الاسترجاع، تشمل عمليات CRUD كاملة، مع تصميم تفاعلي وسهل الاستخدام. تتيح للمسؤول رؤية جميع تفاصيل الطلبات مثل: رقم الطلب، السبب، اسم المتجر، اللوجو، الرابط، المبلغ، الحالة النشطة، القرار، وعدد العناصر. كما يمكنه تنفيذ إجراءات مباشرة على كل طلب. المميزات: قائمة جانبية للتنقل بين الصفحات. جدول ديناميكي وقابل لإعادة الاستخدام في أجزاء مختلفة من التطبيق. لكل صف في الجدول: زر إجراءات يتيح تغيير القرار (قبول / رفض / تصعيد). زر تشغيل/إيقاف لتفعيل الطلب أو تعطيله. زر ينقل لصفحة تفاصيل الطلب بالكامل. عرض عدد العناصر فقط في الجدول، مع صفحة خاصة تعرض التفاصيل الكاملة. توجيه مباشر بدون إعادة تحميل للصفحة. إشعارات فورية باستخدام toast عند أي إجراء. تحميل وظهور البيانات مع مؤشرات التحميل والأخطاء. بيانات الجدول مقسمة على صفحات (pagination) بحد أقصى 15 عنصر في الصفحة. التقنيات المستخدمة: Next.js React 19 TypeScript Tailwind CSS Radix UI (Dropdown Menu – Switch – Toast) Lucide React (Icons) clsx + tailwind-merge نظام REST API مع بيانات وهمية (Mocked API) التركيز في المشروع كان على: تصميم مكوّن جدول مرن وقابل للتخصيص الكامل. فصل منطق الإدارة عن مكونات الواجهة. كتابة كود قابل لإعادة الاستخدام وسهل الصيانة. تجربة مستخدم سلسة وتفاعلية ومتوافقة مع التصميم الحديث. رابط المشروع: 🔗 https://yamm-one.vercel.app