ArtHub Dashboard

ArtHub Dashboard هو نظام إدارة متكامل صُمم خصيصًا للتحكم في تطبيق ArtHub، حيث يتيح للمسؤولين إدارة المستخدمين، المشرفين، الطلبات، البلاغات، وعرض إحصائيات المبيعات والطلبات بدقة وفعالية. يوفّر النظام بيئة تفاعلية مرنة تساعد فريق الإدارة في اتخاذ قرارات مبنية على البيانات وتحسين سير العمل داخل التطبيق. تم تطوير الواجهة الأمامية باستخدام React.js وTailwind CSS لضمان تصميم عصري ومتجاوب، مع استخدام مكتبات متقدمة مثل React Query وChart.js وFramer Motion لتحسين تجربة المستخدم وإظهار البيانات بشكل ديناميكي. كما تم ربط الواجهة الخلفية عبر Axios للتعامل مع API بشكل آمن وفعّال. التقنيات المستخدمة: - React.js: لتطوير واجهة مستخدم مرنة وتفاعلية. - Tailwind CSS: لتصميم سريع الاستجابة واحترافي. - Framer Motion: لإضافة تأثيرات حركية سلسة. - Chart.js: لعرض البيانات والإحصائيات بطريقة بصرية جذابة. - React Query: لتحسين جلب البيانات وإدارتها بكفاءة. - Axios: للتواصل الآمن والسلس مع الواجهة الخلفية (API). مميزات النظام: - عرض إحصائيات المبيعات والطلبات في لوحات تحكم بصرية تفاعلية. - إدارة الطلبات والاطلاع على تفاصيل كل طلب مسجل في النظام. - عرض ومتابعة البلاغات المقدمة من المستخدمين. - إدارة كاملة للمستخدمين والمشرفين مع صلاحيات متعددة. - استخراج تقارير دقيقة لدعم اتخاذ القرار. - تصميم متجاوب يعمل بكفاءة على مختلف الأجهزة. - تجربة مستخدم محسّنة عبر تأثيرات حركية وانسيابية. دوري في المشروع: - تطوير الواجهة الأمامية للنظام باستخدام React.js وTailwind CSS. - تصميم لوحات تحكم تفاعلية لعرض وتحليل البيانات باستخدام Chart.js. - تنفيذ صفحات إدارة المستخدمين، الطلبات، البلاغات، والإحصائيات. - استخدام React Query لتحسين الأداء والتعامل مع البيانات بكفاءة. - ربط الواجهة الأمامية بالـ API باستخدام Axios. - تحسين تجربة المستخدم بإضافة تأثيرات تفاعلية باستخدام Framer Motion. - ضمان استجابة التصميم لجميع أنواع الشاشات لتحقيق أفضل تجربة ممكنة للمستخدم.