"The Wild Oasis" is a small boutique hotel with 8 luxurious wooden cabins It is a custom-built application to manage everything about the hotel: bookings, cabins and guests. It is built with React, Vite, Styled Components, React Query, React Router and more. This is the internal application used inside the hotel to check in guests as they arrive.It also has an API made using Supabase.
Login ID Password : Login ID: login@gmail.com Password: login
- Users of the app are hotel employees. They need to be logged into the application to perform tasks, so it has a Login system.
- Users can able to upload an avatar, and change their name and password.
- Users can able to update or delete a cabin, and to create new cabins (including uploading a photo).
- App has a table view with all bookings, showing arrival and departure dates, status, and paid amount, as well as cabin and guest data
- The initial app screen is a dashboard, to display important information for the last 7, 30, or 90 days:
- A list of guests checking in and out on the current day. Users should be able to perform these tasks from here.
- Statistics on recent bookings, sales, Check ins, and occupancy rate.
- A chart showing all daily hotel sales, showing both "total" sales and "extras" sales (only breakfast at the moment).
- A chart showing statistics on stay durations, as this is an important metric for the hotel. And Many More .....
- React - Frontend framework
- Vite - Build tool
- Styled Component - Styling
- React Query - Remote State management
- React Router - Routing & navigation
- React Hook Form - For Handling Forms
- Other tools - React Icons / React Toast Icon / Recharts / Supabase
