The Wild Oasis Dashboard

A React-powered hotel management dashboard for managing bookings, cabins, and settings—smooth, efficient, and feature-packed.

Features

• Cabin Management: Add, edit, and remove cabins effortlessly.
• Booking System: Manage reservations with real-time updates.
• User Authentication: Integrated with Supabase for authentication and data storage.
• Error Handling: Uses react-error-boundary for robust error management.
• Form Handling: Implemented with react-hook-form for smooth form validation.
• Data Fetching & Caching: Powered by @tanstack/react-query.
• Charts & Data Visualization: Built with recharts.
• Notifications: Toast notifications with react-hot-toast.
• Modern Styling: Uses styled-components for flexible styling.

Technologies Used

• Frontend: React, Vite
• State Management & Data Fetching: React Query
• Routing: React Router
• Styling: Styled-Components
• Authentication & Database: Supabase
• Form Handling: React-Hook-Form
• Error Handling: React-Error-Boundary
• Charts & Data Visualization: Recharts
• Notifications: React-Hot-Toast
• Linting & Code Quality: ESLint

Installation

1. Clone the repository:

   git clone https://github.com/callmedeci/the-wild-oasis.git
   cd the-wild-oasis

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Build for production:

   npm run build

Contributing

Pull requests and feature suggestions are welcome. Open an issue to discuss proposed changes.