The Wild Oasis Hotel Booking App 🏨🌴

Welcome to The Wild Oasis, a cutting-edge hotel booking application built with React+Vite and SupaBase for a seamless user experience. 🚀

Overview

The Wild Oasis is a feature-rich hotel booking app offering personalized cabin creation, advanced filtering options, and effortless booking management. With real-time authentication and insightful dashboards, it's designed to revolutionize the way users book and manage accommodations. The app is powered by Vite for lightning-fast performance. ⚡

🚀 Features

• Custom Cabin Creation: Personalize your cabin with uploaded images and discounts.
• Advanced Filtering Options: Filter cabins based on discounts, price ranges, and more.
• Effortless Booking Management: Seamlessly manage bookings, categorize by check-in/out dates, and monitor reservations.
• Real-time Email Authentication: Secure login system powered by Supabase ensures privacy, with real-time email verification.
• Insightful Dashboard: Gain valuable insights with comprehensive graphs and charts, including booking trends over different time frames (last 7, 30, and 90 days).
• Light and Dark Mode: Customize your viewing experience with themes.
• Robust Error Handling: React Error Boundary ensures a smooth user experience.

Booking Management

Creating a Booking

1. Navigate to the "Bookings" section.
2. Click "Create Booking".
3. Enter check-in/out dates and guest details.
4. Confirm booking.

Managing Bookings

1. View all bookings and filter as needed.
2. Edit, delete, or monitor unconfirmed bookings.

Insightful Dashboard

1. Access comprehensive graphs showing booking trends over different time frames (last 7, 30, and 90 days).

Cabin Management

Creating a Cabin

1. Navigate to the "Cabins" section.
2. Click "Create Cabin".
3. Enter cabin details and save.

Editing and Deleting Cabins

1. View all cabins and edit/delete as needed.

User Management

User Authentication

1. Users log in with email and password.
2. Real-time authentication ensures only verified users access the app, with email verification.

Account Details and Password Update

1. Users can update account details and change passwords securely.

Settings

1. Toggle between light and dark mode themes.
2. Adjust pricing preferences and other settings.

Tech Stack

• React: Frontend framework.
• React Router: Navigational components.
• React Query: Data fetching and caching.
• Supabase: Backend service for authentication and database.
• Recharts: Charting library for data visualization.
• Styled Components: Styling React components.
• Vite: Frontend build tool for fast development.
• React Icons: Icon library for easy integration of icons.
• Date-fns: Library for date formatting and manipulation.
• React Hook Form: Library for form validation and management.
• React Hot Toast: Notification library for displaying toast messages.

🚀 Getting Started

1. Clone the repository.
2. Install dependencies with npm install.
3. Start the development server with npm run dev.

🤝 Contributing

Contributions are welcome! Please follow our Contribution Guidelines.

📄 License

This project is licensed under the MIT License.

Happy booking! 🌟🏨