موقع عيادة الشفاء الطبية
React Tailwind CSS TypeScript React Router

🏥 موقع عيادة الشفاء الطبية

موقع ويب متكامل وعصري مخصص لعيادة طبية، تم تطويره باستخدام مكتبة React وتنسيقه باستخدام Tailwind CSS. يتميز الموقع بدعم كامل للغة العربية (RTL) وتجربة مستخدم سلسة واحترافية.

✨ مميزات المشروع:

  • تصميم عصري ومتجاوب: واجهة مستخدم نظيفة وجذابة تعمل بكفاءة على جميع الأجهزة (الهواتف، الأجهزة اللوحية، وأجهزة الكمبيوتر).
  • دعم كامل للغة العربية (RTL): تم تصميم الموقع من الأساس ليدعم الاتجاه من اليمين إلى اليسار مع استخدام خطوط عربية حديثة (Cairo Font).
  • صفحة رئيسية شاملة: تحتوي على قسم ترحيبي، مميزات العيادة، ومعاينة سريعة للخدمات.
  • عرض الخدمات: صفحة مخصصة لاستعراض كافة التخصصات والخدمات الطبية مع أيقونات توضيحية.
  • قائمة الأطباء: عرض بطاقات تعريفية للأطباء مع إمكانية استعراض التفاصيل الكاملة (الخبرة، التخصص، أيام العمل) في نافذة منبثقة.
  • نظام حجز المواعيد: نموذج متكامل لحجز المواعيد يتضمن التحقق من صحة البيانات ورسائل تأكيد تفاعلية.
  • تواصل معنا: صفحة تحتوي على معلومات الاتصال، خريطة الموقع، ونموذج لإرسال الرسائل.
  • تنقل سلس: استخدام React Router للتنقل بين الصفحات دون إعادة تحميل الصفحة.

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

React
لبناء واجهة المستخدم والمكونات
Tailwind CSS
لتنسيق الموقع وتصميم تجربة المستخدم
React Router
للتنقل بين الصفحات
Lucide React
مجموعة أيقونات عصرية
TypeScript
لضمان جودة الكود وتقليل الأخطاء

🚀 كيفية الاستخدام:

  1. تصفح الأقسام المختلفة عبر شريط التنقل العلوي.
  2. قم بزيارة صفحة "الأطباء" واضغط على "عرض التفاصيل" لرؤية النافذة المنبثقة.
  3. جرب حجز موعد عبر صفحة "حجز موعد" وتأكد من تعبئة الحقول المطلوبة لاختبار نظام التحقق.