لوحة تحكم إدارية متكاملة (Admin Dashboard) باستخدام React & Tailwind

تطوير لوحة تحكم إدارية (Admin Dashboard) حديثة ومتكاملة من الناحية البرمجية والتصميمية، تتميز بمرونة عالية واستجابة كاملة مع جميع أجهزة وشاشات الهواتف والحاسوب (Responsive Design).

تم بناء الواجهة باستخدام أحدث تقنيات الـ Frontend لضمان أفضل أداء وسرعة تحميل، مع جلب البيانات وعرضها بشكل تفاعلي ديناميكي.

مميزات اللوحة:

- تصميم تجاوبي متكامل (Fully Responsive): متكافئ مع الشاشات الصغيرة (Mobile)، اللوحية (Tablet)، والكبيرة (Desktop) بأسلوب عصري.

- شريط navigation وتصفح ذكي: يحتوي على قائمة جانبية (Sidebar) ذكية تتكيف مع حجم الشاشة، مع عرض أيقونات التلميحات عند التمرير (Tooltips/Hover).

- عرض البيانات والإحصائيات: استخدام المخططات البيانية (Charts) لعرض البيانات وتحليل الإحصائيات بصورة بصريّة جذابة.

- ربط البيانات بالـ API: جلب وعرض البيانات الديناميكية للمستخدمين والمنتجات والإحصائيات من خلال الـ REST APIs.

التقنيات وأدوات العمل المستخدمة (Tech Stack):

- React.js: لبناء المكونات (Components) وإدارة الحالة بنفاءة عالية.

- Vite: كأداة بناء وتطوير سريعة ومتقدمة.

- Tailwind CSS v4: لبناء التصميم المخصص وشبكة التجاوب (Responsive Grid & Flexbox).

- Material UI (MUI): لتوفير عناصر واجهة مستخدم (UI Components) جاهزة واحترافية.

- React Router Dom: للتنقل بين الصفحات بسرعة ودون إعادة تحميل الصفحة (SPA Navigation).

- Axios: لإدارة طلبات الـ HTTP والاتصال بالـ API.

- DummyJSON: كـ Mock API لجلب واستعراض البيانات بشكل واقعي.