Medical Booking App - React

تطبيق ويب متجاوب لحجز وإدارة المواعيد الطبية، تم تطويره باستخدام React كـ Frontend Project ضمن التدريب في ITI Fayoum.

يتيح التطبيق للمستخدمين:

* البحث عن الأطباء وتصفية النتائج حسب التخصص.

* عرض تفاصيل الطبيب والخبرة وسعر الكشف والمواعيد المتاحة.

* حجز المواعيد مع التحقق من صحة البيانات ومنع الحجز المزدوج.

* إدارة المواعيد من خلال العرض والتعديل وإعادة الجدولة والإلغاء والحذف.

* إدارة البيانات الشخصية والطبية.

* إضافة الأطباء إلى المفضلة مع حفظ الاختيارات محليًا.

* التبديل بين الوضع الليلي والنهاري.

* استخدام بحث محسّن بتقنية Debouncing لتحسين الأداء.

* واجهة متجاوبة تعمل على الهاتف والتابلت وأجهزة سطح المكتب.

* التعامل مع حالات الخطأ والبيانات الفارغة بشكل مناسب.

تم بناء المشروع باستخدام React 19 وReact Router وZustand وReact Hook Form وZod وAxios وTailwind CSS، مع استخدام json-server كـ Mock Backend.

ركزت أثناء التطوير على تنظيم الكود، إعادة استخدام المكونات، إدارة الحالة، تجربة المستخدم، والاستجابة لمختلف أحجام الشاشات.