dashboard

Dashboard (لوحة تحكم تفاعلية) كاملة بالـ HTML, CSS, و JavaScript

الهيكل (HTML):

Sidebar (شريط جانبي) فيه قائمة روابط (Dashboard, Leaderboard, Orders …) وكلها بتشتغل وتفتح الصفحات.

Main area (المنطقة الرئيسية) فيها Navbar للعنوان + سيرش.

Cards (كروت إحصائيات) بتعرض بيانات سريعة زي العملاء الجدد، المنتجات المباعة، الإيرادات، الرسائل.

Charts (رسوم بيانية) معمول لها رسم يدوي باستخدام Canvas + JavaScript.

Tables (جداول بيانات) لعرض الطلبات الأخيرة وأفضل المنتجات.

التصميم (CSS):

ألوان هادية (أبيض × أزرق غامق).

Responsive (متجاوب مع الموبايل) باستخدام media query.

Hover effects (تأثيرات عند المرور بالماوس) على القوائم والكروت.

Box shadow + حواف ناعمة للكروت والجداول.

الوظائف (JavaScript):

كود مخصص لرسم Bar Chart (المبيعات الشهرية).

كود مخصص لرسم Line Chart (نمو العملاء).