React
بناء الواجهات والصفحات والمكونات التفاعلية.
← العودة إلى أعمالنا
تصميم وتطوير مواقع
منتجع مدينة إب السياحي
موقع سياحي متكامل صُمم وطُوّر لمنتجع مدينة إب، بواجهة عربية وإنجليزية، وصفحات للغرف والفلل والخدمات والمطاعم والعروض ومعرض الصور، مع إدارة للمحتوى وطلبات الحجز والتواصل عبر WhatsApp.
نبذة المشروع
عن المشروع
تجربة ويب سياحية متكاملة لعرض منتجع مدينة إب والغرف والفلل والخدمات والمطاعم والعروض والمحتوى السياحي في واجهة منظمة وسهلة الاستكشاف.
يجمع الموقع بين صفحات التعريف والاستكشاف وأدوات التواصل وطلب الحجز عبر WhatsApp، مع لوحة إدارة للمحتوى والإعدادات الموجودة فعليًا في المشروع الأصلي.
نطاق العمل
ما تم تنفيذه
الوظائف التالية موثقة في صفحات ومكونات مشروع منتجع مدينة إب.
- واجهة عربية وإنجليزية مع دعم RTL/LTR
- صفحة رئيسية للمنتجع
- صفحة الغرف والفلل
- صفحات تفاصيل الغرف
- فلاتر الغرف حسب النوع والسعر والإطلالة
- صفحة الخدمات والمرافق
- صفحة المطاعم والكافيهات
- صفحة العروض مع العدادات التنازلية
- معرض الصور مع التصنيفات وLightbox
- صفحة عن المنتجع
- صفحة الأسئلة الشائعة FAQ
- صفحة التواصل مع خريطة Google وروابط الاتصال
- طلبات الحجز والتواصل عبر WhatsApp
- لوحة إدارة للمحتوى والإعدادات والمعرض
البنية التقنية
التقنيات المستخدمة
تقنيات تم التأكد من استخدامها مباشرة في ملفات المشروع، لا من وجودها في قائمة الاعتماديات فقط.
TypeScript
كتابة مكونات المشروع وبياناته مع الأنواع.
Vite
تشغيل وبناء تطبيق الواجهة الأمامية.
Wouter
تعريف مسارات الموقع العامة ومسارات لوحة الإدارة.
Tailwind CSS
تنسيق الصفحات responsive عبر أصناف الواجهة الموجودة في TSX.
Framer Motion
الحركات المستخدمة في شاشة التحميل المسبقة.
Firebase Firestore
مزامنة إعدادات Hero ومعرض الصور في الوقت الفعلي.
IndexedDB
تخزين الصور والبيانات الكبيرة محليًا في المتصفح.
جولة داخل المشروع
واجهات المشروع
جولة داخل أبرز الواجهات والتجارب التي طُوّرت لمشروع منتجع مدينة إب السياحي.
الصفحة الرئيسية
الغرف والفلل
تفاصيل غرفة
الخدمات
معرض الصور
العروض
الخطوة التالية
هل لديك مشروع مشابه؟
أخبرنا عن فكرتك واحتياجك، ولنبدأ من تجربة واضحة ومناسبة لمشروعك.