Admin Dashboard

ملخص المشروع:

لوحة تحكم إدارية تفاعلية صممت باستخدام HTML, CSS, JavaScript لتوفير واجهة احترافية لإدارة المشاريع والمبيعات والإحصائيات، مع تجربة مستخدم سلسة وحديثة.

مميزات المشروع:

تسجيل الدخول والتحقق الأمني: رمز دخول قوي (1122) لضمان أمان الوصول.

لوحة رئيسية: تعرض لمحة سريعة عن المستخدمين، المبيعات، الإيرادات، المشاريع المكتملة والمسترجعة.

الإحصائيات والرسوم البيانية:

مخطط خطي لمتابعة المبيعات الشهرية.

مخطط دائري يوضح توزيع المستخدمين والمبيعات والأرباح والمشاريع المكتملة والمسترجعة.

حجم الرسوم البيانية مصغر ومتناسق مع الواجهة.

جدول المبيعات:

يحتوي على رقم المشروع، اسم المنتج، المشتري، البائع، الكمية، السعر، الإجمالي.

بحث حي (Live Search) عن المشاريع باستخدام الرقم.

قسم المشاريع:

عرض مشاريع بشكل بطاقات (Cards) مع رقم مميز، السعر، البائع، المشتري، حالة المشروع (مكتمل أو مسترجع).

بحث مباشر لتصفية المشاريع بسرعة.

إعدادات ديناميكية:

تغيير الوضع White / Dark Mode لتناسب بيئة العمل.

واجهة بسيطة وسهلة الاستخدام بدون حشو غير ضروري.

تصميم حديث:

ألوان جذابة، خطوط واضحة، واجهة مرتبة وعصرية.

تصميم Responsive يعمل على جميع الشاشات.

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

HTML5 / CSS3 / JavaScript (Vanilla JS)

Chart.js للرسوم البيانية

Grid و Flexbox لتصميم متجاوب

تفاعل ديناميكي باستخدام DOM Manipulation

ملائمة للمشاريع:

إدارة المبيعات والمشاريع للشركات الصغيرة والمتوسطة.

متابعة الإيرادات والإحصائيات بسرعة.

لوحة تحكم جاهزة للربط مع أي Back-End مستقبلي.