قمت بتصميم وتطوير Dashboard تفاعلي باستخدام Vue.js وVuetify لعرض أهم مؤشرات الأداء (KPIs) الخاصة بمنصة تجارة إلكترونية. الهدف من اللوحة هو إعطاء نظرة سريعة وواضحة عن أداء النظام من خلال رسوم بيانية وجداول بيانات.
المميزات:
عرض مؤشرات الأداء الرئيسية (مثل: إجمالي الإيرادات، عدد الطلبات، متوسط قيمة الطلب) في شكل مخططات دائرية Doughnut باستخدام Chart.js
عرض بيانات العملاء الجدد والطلبات الحديثة في جداول منظمة
استخدام بيانات وهمية (mock data) مع إمكانية التبديل لاحقًا إلى بيانات حقيقية من API
دعم اللغتين العربية والإنجليزية باستخدام ملفات ترجمة JSON
تصميم متجاوب باستخدام Vuetify ليعمل على جميع الأجهزة
التقنيات المستخدمة:
Vue.js 3
Vuetify 3 لتصميم واجهات احترافية متجاوبة
Chart.js لعرض الرسوم البيانية
Axios للتعامل مع الـ API
Vue I18n لدعم التعدد اللغوي