Welcome to
"The wild oasis"

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

  • dashboard
  • hotel-management
  • react
  • react-icons
  • react-query
  • recharts-js
  • styled-components
  • supabase
  • vite
  • web-application
Created at:
Last update:

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.