نموذج أولي لموقع حجز استشارات طبية

واجهة حجز مواعيد طبية متقدمة تم بناؤها باستخدام React، Vite، وTailwindCSS، وتتميز بتصميم نظيف وسهل الاستخدام، متجاوبة بالكامل مع جميع الأجهزة، وتدعم معايير الوصول لذوي الاحتياجات الخاصة.

️ التقنيات المستخدمة

-React: لإنشاء واجهة ديناميكية تعتمد على المكونات

-Vite: لتجربة تطوير سريعة وأداء عالي في الإنتاج

-TailwindCSS: لتصميم مرن وسريع باستخدام أصناف مساعدة

-React Router DOM: للتنقل بين الصفحات مثل "دليل الأطباء" و"مواعيدي"

-Zustand: لإدارة الحالة بطريقة خفيفة وسهلة

الخصائص الرئيسية

-دليل الأطباء

-بطاقات الأطباء تعرض: الاسم، التخصص، التقييم، الموقع، حالة التوفر، وزر لحجز الموعد

-إمكانية التصفية حسب التخصص أو حالة التوفر

-نافذة حجز المواعيد (Modal) تظهر عند الضغط على "حجز موعد" تعرض اسم الطبيب والمواعيد المتاحة

-يمكن اختيار موعد وتأكيد الحجز بسهولة

-صفحة ملخص المواعيد المحجوزة

-عرض للمواعيد المؤكدة

-كل بطاقة تتضمن: اسم الطبيب، التخصص، التاريخ والوقت، والموقع