🚀 لوحة تحكم Dashboard DIGITALH – إدارة المنتجات

مرحبًا بك في داشبورد إدارة المنتجات من شركة DIGITALH! هذا المشروع عبارة عن لوحة تحكم كاملة لإدارة المنتجات (CRUD) باستخدام Next.js وTypeScript وZustand وNextAuth وواجهة Shadcn UI الحديثة. 🎯 المشروع يحاكي سيناريو حقيقي لإدارة المنتجات مع ميزات متقدمة كـ: البحث، الفلترة، التعديل، الحذف، عرض التفاصيل، والواجهة التفاعلية الحديثة. 🛠️ التقنيات المستخدمة Next.js – لتطوير الواجهة باستخدام Server-side Rendering Shadcn UI – لمكونات واجهة المستخدم الحديثة NextAuth.js – لتسجيل الدخول والتوثيق Zustand – لإدارة الحالة بشكل بسيط وفعال React Query – لإدارة حالة البيانات من الـ API Axios – لتنفيذ الطلبات Zod – للتحقق من صحة النماذج Tailwind CSS – لتصميم متجاوب وسهل التخصيص ✨ الميزات الأساسية 🔐 تسجيل الدخول تسجيل دخول عبر البريد الإلكتروني وكلمة المرور إعادة توجيه تلقائية بعد الدخول إدارة حالات عدم الصلاحية 📦 إدارة المنتجات (Dashboard) جدول لعرض المنتجات مع: تعديل حذف عرض التفاصيل البحث عبر اسم المنتج (مع API فقط، لا يتم محليًا) فلترة ديناميكية مع دعم لروابط URL فرز حسب الأعمدة ترقيم الصفحات (Pagination) عرض متجاوب وتصميم تفاعلي ➕ إضافة منتج زر يفتح نافذة (Modal) نموذج يحتوي على الحقول المطلوبة التحقق من صحة البيانات باستخدام Zod ✏️ تعديل منتج نافذة (Modal) تحتوي على بيانات المنتج مسبقًا إمكانية التعديل والحفظ التحقق من البيانات أيضًا قبل الإرسال 🗑️ حذف منتج نافذة تأكيد قبل الحذف يتم حذف المنتج من القائمة بعد التأكيد 🔍 عرض تفاصيل المنتج نافذة تحتوي على كافة تفاصيل المنتج بشكل أنيق 🚀 نقاط إضافية (Bonus) ✅ استخدام TypeScript لكتابة آمنة ✅ Interceptors داخل Axios لإدارة الأخطاء ✅ استخدام React Query لإدارة حالة البيانات ✅ مكونات قابلة لإعادة الاستخدام ✅ تطبيق مبادئ SOLID ✅ تنظيم المشروع ليتوسع مستقبلاً ✅ العمل بفروع Git لكل ميزة رابط المشروع: 🔗 https://digitalh-six.vercel.app