تصميم وتطوير لوحة تحكم احترافية (Dashboard UI)DashBoard

? تصميم وتطوير لوحة تحكم احترافية (Dashboard UI)

قمت بتصميم وتطوير واجهة لوحة تحكم ديناميكية وعصرية مكونة من عدة صفحات تشمل لوحة المعلومات، الإعدادات، الحساب الشخصي، المشاريع، الدورات، الأصدقاء، الملفات، وخطط الاشتراك. تم تنفيذ المشروع باستخدام HTML، CSS، وJavaScript مع استخدام مكتبة FontAwesome لتجميل العناصر.

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

تصميم عصري متجاوب بالكامل باستخدام Flexbox وMedia Queries لدعم جميع الأجهزة.

? هيكل مكون من صفحات متعددة مثل:

لوحة التحكم (Dashboard) تعرض الإحصائيات، المهام، الأخبار، أحدث المشاركات والمرفقات.

صفحة المشاريع تستعرض تفاصيل المهام مع فريق العمل والمهارات والتقدم.

صفحة الأصدقاء بتصميم شبكي تفاعلي يعرض معلومات الأعضاء.

صفحة الدورات مع عرض بصري جذاب للدروس والأسعار.

صفحة الإعدادات مع تحكم مرن في إعدادات الحساب، الأمان، الوسائط الاجتماعية، التحكم في الواجهات والنسخ الاحتياطي.

نظام إدارة ملفات يعرض تنسيقات الملفات المختلفة، الحجم، والتاريخ.

صفحة خطط الاشتراك تعرض 3 خطط (مجانية، أساسية، بريميوم) بشكل جذاب وتفاعلي.

واجهات تفاعلية باستخدام مؤشرات التقدم، الرسوم الرمزية، والتحكم في السمات والألوان.

عناصر الأمان تشمل تفعيل التوثيق الثنائي، عرض الأجهزة المتصلة، وتغيير كلمة المرور.

استخدام الألوان الديناميكية والهوية البصرية بشكل موحد عبر جميع الصفحات.

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

HTML5

CSS3 (متغيرات CSS, Flexbox, Responsive Media Queries)

JavaScript

FontAwesome 6

تصميم يدوي دون استخدام قوالب جاهزة