وفرت تجربة مستخدم سلسة للأطباء في إدارة مواعيدهم اليومية.
التفاصيل التقنية اللي اشتغلت عليها:
هندسة الألوان (Design System): بنيت نظام CSS Variables كامل للمشروع وده خلاني أتحكم في درجات الـ Surfaces والـ Containers بدقة
تجربة المستخدم (UX): عملت نظام Toggle Tabs لفترات العمل (صباحي/مسائي) بتصميم تفاعلي، وصممت "الروشتة" بأسلوب الـ Paper-style (خلفية منقطة وخطوط) عشان الدكتور يحس ببيئة شغل مألوفة ومنظمة.
تصفح ذكي وسريع: ربطت القائمة الجانبية بالأقسام باستخدام الـ Scrollspy، يعني الدكتور بيتحرك في الصفحة كلها بسلاسة من غير ما يحتاج يعمل Refresh، وده بيوفر وقت ومجهود كبير.
Layout مرن (Responsive): الكود متظبط بـ Bootstrap 5 و Custom CSS عشان يبقا متجاوب على أي شاشة، سواء لابتوب أو تابلت، مع الحفاظ على هوية التصميم في كل الأحجام.