لوحة تحكم تفاعلية للإحصائيات باستخدام Vue.js (Vue.js Interactive Dashboard)

قمت بتطوير لوحة تحكم (Dashboard) تفاعلية باستخدام Vue.js للواجهة الأمامية، وNode.js للواجهة الخلفية، مع استخدام Vuetify لتصميم واجهات مستخدم أنيقة ومتجاوبة، وChart.js لعرض البيانات بشكل بصري واحترافي من خلال الرسوم البيانية.

مميزات الـDashboard:

واجهة مستخدم جذابة ومتجاوبة باستخدام Vuetify، تدعم الوضع الليلي (Dark Mode) وتعمل بسلاسة على مختلف الأجهزة.

عرض البيانات الإحصائية بشكل ديناميكي باستخدام Doughnut وBar وLine charts من خلال Chart.js.

تكامل كامل مع الـBackend المبني بـ Node.js وExpress، مع endpoints خاصة بجلب وتحليل البيانات.

إمكانية تصفية البيانات وعرضها لحظيًا بناءً على اختيارات المستخدم.

نظام تنبيهات وإشعارات لتحديثات البيانات المهمة.

دعم التعدد اللغوي (عربي / إنجليزي) من خلال ملفات ترجمة مهيكلة.

التقنيات المستخدمة:

Vue 3 + Vue Router + Vuex / Pinia (حسب الحاجة)

Vuetify 3

Chart.js 4

Node.js + Express

Axios للتواصل بين الواجهة الأمامية والخلفية

RESTful APIs لربط الواجهة بالبيانات