? User Management System Dashboard
React + TypeScript + Tailwind CSS
لوحة تحكم احترافية لإدارة المستخدمين، تم تطويرها باستخدام React.js مع TypeScript وTailwind CSS لواجهة عصرية وسريعة الاستجابة.
مميزات المشروع:
واجهة رئيسية أنيقة مع شريط جانبي للتنقل
عرض قائمة بجميع المستخدمين على شكل جدول تفاعلي
إمكانية تنفيذ جميع العمليات (CRUD):
إضافة مستخدم جديد (Create)
تعديل بيانات المستخدم (Update)
عرض تفاصيل المستخدم (Read)
️ حذف المستخدم (Delete)
استخدام Modal للنماذج بطريقة سلسة
تنبيهات ورسائل نجاح باستخدام مكتبة react-toastify
ربط وهمي بواجهة API باستخدام axios وبيانات وهمية بـ json-server
استخدام Formik + Yup في إدارة النماذج والتحقق من صحة البيانات
تصميم متجاوب بالكامل باستخدام Tailwind CSS
️ التقنيات المستخدمة:
React.js + TypeScript
Tailwind CSS
Formik & Yup
Axios
React Router DOM
Zustand أو Redux Toolkit (لو فيه إدارة حالة)
React Icons + React Toastify