ذا المشروع هو محاكاة كاملة للواجهة الأمامية (Front-End) لمنصة رعاية صحية رقمية تهدف إلى تسهيل التفاعل بين المرضى ومقدمي الخدمات الطبية.
الهدف الأساسي من المشروع هو استعراض القدرة على تحويل متطلبات المستخدم المعقدة في المجال الطبي إلى واجهة مستخدم (UI) جذابة، سهلة الاستخدام، وبديهية (Intuitive UX)، مع ضمان أعلى مستويات الأداء والتجاوب على جميع الأجهزة.
تم التركيز في هذا المشروع على بناء هيكلية قوية للكود (Clean Code)، وتصميم مكونات قابلة لإعادة الاستخدام (Reusable Components)، ومحاكاة تدفق البيانات لتقديم تجربة استخدام واقعية.
أبرز المميزات التي تم تنفيذها (Front-End Highlights):
تصميم متجاوب بالكامل (Fully Responsive): تجربة استخدام سلسة ومثالية على الهواتف الذكية، الأجهزة اللوحية، وشاشات سطح المكتب.
لوحات تحكم تفاعلية (Interactive Dashboards):
واجهة المريض: لعرض المواعيد القادمة، السجل الطبي، والتقارير بتصميم بصري واضح.
واجهة الطبيب: لإدارة جدول المواعيد وقائمة المرضى.
نظام حجز مواعيد ديناميكي: واجهة مستخدم تفاعلية (Calendar/DatePicker Component) لاختيار التواريخ والأوقات المتاحة بسهولة.
نماذج إدخال متقدمة (Advanced Forms): تصميم نماذج تسجيل بيانات المرضى مع تفعيل التحقق من صحة البيانات في الوقت الفعلي (Real-time Validation) لضمان تجربة مستخدم خالية من الأخطاء.
عرض البيانات (Data Visualization): استخدام جداول وبطاقات مصممة بعناية لعرض المعلومات الطبية بطريقة سهلة القراءة.
سهولة التصفح (Accessibility & Navigation): قائمة تنقل واضحة وهيكلية تضمن وصول المستخدم لأي معلومة بأقل عدد من النقرات.
Framework/Library: [React.js ]
Styling: [Tailwind CSS / Bootstrap 5 / SCSS / Styled Components]
Build Tools: [Vite / Webpack]