لوحة تحكم عصرية لإدارة العيادات الذكية

تم تطوير هذه الواجهة لتوفير تجربة مستخدم سلسة للأطباء في إدارة مواعيدهم اليومية. أهم المميزات: تنظيم المواعيد بناءً على الفترات الزمنية (صباحي/مسائي). واجهة تفاعلية تعرض بيانات المرضى وحالة الحجز بشكل لحظي. تصميم عصري يعتمد على نظام الألوان المريح للعين (Dark & Soft Blue Theme). استجابة كاملة مع جميع الشاشات تعمل بكفاءة على الموبايل والكمبيوتر والابتوب التفاصيل التقنية اللي اشتغلت عليها: هندسة الألوان (Design System): بنيت نظام CSS Variables كامل للمشروع وده خلاني أتحكم في درجات الـ Surfaces والـ Containers بدقة تجربة المستخدم (UX): عملت نظام Toggle Tabs لفترات العمل (صباحي/مسائي) بتصميم تفاعلي، وصممت "الروشتة" بأسلوب الـ Paper-style (خلفية منقطة وخطوط) عشان الدكتور يحس ببيئة شغل مألوفة ومنظمة. تصفح ذكي وسريع: ربطت القائمة الجانبية بالأقسام باستخدام الـ Scrollspy، يعني الدكتور بيتحرك في الصفحة كلها بسلاسة من غير ما يحتاج يعمل Refresh، وده بيوفر وقت ومجهود كبير. Layout مرن (Responsive): الكود متظبط بـ Bootstrap 5 و Custom CSS عشان يبقا متجاوب على أي شاشة، سواء لابتوب أو تابلت، مع الحفاظ على هوية التصميم في كل الأحجام. الأدوات المستخدمة: Frontend: HTML, CSS Frameworks: Bootstrap 5 Logic: JavaScript لإدارة الـ Events وتفاعلات القائمة والتبديل بين الحالات.