https://github.com/yasminmuntasern/the-wild-oasis

🏰The Wild Oasis : is a user friendly hotel management application. This application is designed to manage hotel operations, including sales statistics, cabin management, user management, booking management, and various customization options. And so much more!
https://github.com/yasminmuntasern/the-wild-oasis

context-api hotel-management-system react react-hooks react-router reactquery recharts styled-components supabase toast-notifications vite

Last synced: 16 days ago
JSON representation

🏰The Wild Oasis : is a user friendly hotel management application. This application is designed to manage hotel operations, including sales statistics, cabin management, user management, booking management, and various customization options. And so much more!

• Host: GitHub
• URL: https://github.com/yasminmuntasern/the-wild-oasis
• Owner: YasminMuntaserN
• Created: 2024-10-05T17:42:37.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-10-17T05:59:05.000Z (about 1 month ago)
• Last Synced: 2024-10-19T07:26:41.814Z (28 days ago)
• Topics: context-api, hotel-management-system, react, react-hooks, react-router, reactquery, recharts, styled-components, supabase, toast-notifications, vite
• Language: JavaScript
• Homepage: https://the-wild-oasis-f8vp-9lk7x9hcv-yasminmuntaserns-projects.vercel.app
• Size: 11 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🏰 the-wild-oasis

## 👋Introduction

Welcome to The Wild Oasis Hotel Management Application documentation. The Wild Oasis is a user friendly hotel management application. This application is designed to manage hotel operations, including sales statistics, cabin management, user management, booking management, and various customization options. It integrates authentication, database storage, and dark mode features. And so much more!

## 🌟Features

- **Login Page: Authenticated users can log in with their credentials. (For preview: [email protected], testtest)**

- **Sign-up Feature: New users can be signed up only by authenticated users. They also need to confirm their email to start using the application.**

- **Profile Page: Users can change their profile picture, name, and password.**

- **Application Settings: Users can define a few application-wide settings such as breakfast price, etc.**

- **Bookings Management: Users can check-in, check-out, or delete a booking.**

- **Cabin/Room Management: Users can add, update, or delete a cabin/room.**

- **Sorting and Filtering: Cabins and bookings can be sorted, filtered, and are paginated for easy navigation.**

- **Dashboard: Dashboard with charts to show statistics on recent bookings, sales, check-ins, and occupancy rate, which can be filtered by days.**

- **Dark/Light Mode: The app supports dark/light mode with automatic detection of the user's system settings.**

## 📸 Screenshots



  


  

  

  

  


  

  

    

    


  

  

    



## 🚀 Live Demo

 [this link](https://the-wild-oasis-f8vp.vercel.app/)

   ## 🛠️Technologies Used

- **Build Tool: Vite for efficient project building.**

- **Supabase : for backend (data storage, CRUD operations, authentication & authorization).**

- **React Query :  for remote state management & data fetching.**

- **Context API for UI state management.**

- **React Router : to implement routing.**

- **Styled Components for styling.**

- **React Hook Form for managing forms.**

- **Recharts : library for charts to show statistics.**

- **react-hot-toast : for toast notifications.**

- **react-icons : for UI icons.**

- **date-fns :  for date calculations.**

- **react-error-boundary:  to prevent a complete app crash due to an error in part of the UI.**