موقع The Wild Hotel - نظام حجز فنادق وكبائن فاخرة
تفاصيل العمل
️ موقع The Wild Hotel - تجربة حجز فاخرة في أحضان الطبيعة
تطبيق ويب احترافي مبني بأحدث تقنيات Next.js 14 يوفر تجربة حجز سلسة للكبائن الفاخرةز
المميزات الرئيسية:
للزوار والعملاء:
- تصفح الكبائن الفاخرة بواجهة جذابة وحديثة
- نظام حجز متقدم مع تقويم تفاعلي (React Day Picker)
- عرض تفاصيل كاملة لكل كبينة (السعة، المرافق، الموقع)
- صفحة شكر تفاعلية بعد إتمام الحجز
- تصميم متجاوب 100% لجميع الأجهزة
لوحة تحكم المستخدم:
- تسجيل دخول آمن عبر Google OAuth
- إدارة الملف الشخصي (الاسم، الجنسية، الصورة)
- عرض الحجوزات القادمة والسابقة
- تعديل وحذف الحجوزات
- إحصائيات شخصية للمستخدم
- رسائل ترحيب ديناميكية حسب الوقت
صفحات المشروع:
- الصفحة الرئيسية مع Hero Section مذهل
- صفحة About مع قصة الفندق
- صفحة عرض جميع الكبائن
- صفحة تفاصيل كل كبينة
- صفحة تسجيل الدخول
- لوحة تحكم المستخدم
- صفحة الملف الشخصي
- صفحة الحجوزات
- صفحة شكر بعد الحجز
- صفحة 404 مخصصة
️ التقنيات المستخدمة:
Frontend Framework:
- Next.js 14 (App Router)
- ️ React 18
- Tailwind CSS للتصميم
- Heroicons للأيقونات
- React Day Picker لاختيار التواريخ
- ️ Next.js Image Optimization
Backend & Database:
- Supabase (Backend as a Service)
- ️ PostgreSQL Database
- NextAuth v5 (Google OAuth)
- Server Actions لمعالجة البيانات
المكتبات الإضافية:
- date-fns لمعالجة التواريخ
- Server Components & Client Components
- Middleware للحماية
- Dynamic Routes & Static Generation