مدبر لوحة تحكم مالية

قمت بتطوير لوحة تحكم مالية متجاوبة باسم **Mudabbir** لمساعدة المستخدمين على تتبع المصروفات، وإدارة الميزانيات، والحصول على رؤية أوضح لوضعهم المالي الشخصي. ركّز المشروع على بناء واجهة مستخدم حديثة ومنظمة وتفاعلية باستخدام **HTML5** و **CSS3**. شمل المشروع تصميم وتنفيذ العديد من المكونات الأساسية، مثل القائمة الجانبية (Sidebar)، والشريط العلوي (Header)، وبطاقات الملخص المالي التي تعرض الرصيد والإيرادات والمصروفات، وقسم المعاملات الأخيرة، ومتتبع الفواتير الشهرية، ونظرة عامة على الميزانية، ومخطط مقارنة الإيرادات بالمصروفات، وطرق الدفع، بالإضافة إلى ملخص الحساب. كما يتضمن المشروع ميزة إضافية تتمثل في **بطاقة ائتمانية ثلاثية الأبعاد تفاعلية** (3D Credit Card Animation)، مما يساهم في تحسين تجربة المستخدم وإضفاء طابع بصري أكثر احترافية. تم التركيز بشكل خاص على تنظيم هيكلية الصفحات، وتحقيق تسلسل بصري واضح للمحتوى، وضمان التوافق مع مختلف أحجام الشاشات باستخدام **Media Queries**، إلى جانب الاستفادة من **CSS Grid** و **Flexbox** لبناء تخطيطات معقدة ومرنة. كما تم تعزيز التفاعل داخل الواجهة من خلال استخدام تأثيرات **Hover** و **Transitions** و **Transforms** لتقديم تجربة استخدام أكثر سلاسة وجاذبية.