ملخص المشروع:
لوحة تحكم إدارية تفاعلية صممت باستخدام HTML, CSS, JavaScript لتوفير واجهة احترافية لإدارة المشاريع والمبيعات والإحصائيات، مع تجربة مستخدم سلسة وحديثة.
مميزات المشروع:
تسجيل الدخول والتحقق الأمني: رمز دخول قوي (1122) لضمان أمان الوصول.
لوحة رئيسية: تعرض لمحة سريعة عن المستخدمين، المبيعات، الإيرادات، المشاريع المكتملة والمسترجعة.
الإحصائيات والرسوم البيانية:
مخطط خطي لمتابعة المبيعات الشهرية.
مخطط دائري يوضح توزيع المستخدمين والمبيعات والأرباح والمشاريع المكتملة والمسترجعة.
حجم الرسوم البيانية مصغر ومتناسق مع الواجهة.
جدول المبيعات:
يحتوي على رقم المشروع، اسم المنتج، المشتري، البائع، الكمية، السعر، الإجمالي.
بحث حي (Live Search) عن المشاريع باستخدام الرقم.
قسم المشاريع:
عرض مشاريع بشكل بطاقات (Cards) مع رقم مميز، السعر، البائع، المشتري، حالة المشروع (مكتمل أو مسترجع).
بحث مباشر لتصفية المشاريع بسرعة.
إعدادات ديناميكية:
تغيير الوضع White / Dark Mode لتناسب بيئة العمل.
واجهة بسيطة وسهلة الاستخدام بدون حشو غير ضروري.
تصميم حديث:
ألوان جذابة، خطوط واضحة، واجهة مرتبة وعصرية.
تصميم Responsive يعمل على جميع الشاشات.
التقنيات المستخدمة:
HTML5 / CSS3 / JavaScript (Vanilla JS)
Chart.js للرسوم البيانية
Grid و Flexbox لتصميم متجاوب
تفاعل ديناميكي باستخدام DOM Manipulation
ملائمة للمشاريع:
إدارة المبيعات والمشاريع للشركات الصغيرة والمتوسطة.
متابعة الإيرادات والإحصائيات بسرعة.
لوحة تحكم جاهزة للربط مع أي Back-End مستقبلي.