Welcome to The Wild Oasis—a user-friendly hotel management application designed to streamline hotel operations. This application includes features for managing sales statistics, cabin management, user management, booking management, and various customization options. With built-in authentication, database storage, dark mode capabilities, and more, it’s designed to enhance the hotel experience for both staff and guests.
Note: If something does not work, keep clicking—it is still under development!
The purpose of this project is to apply my advanced skills in JavaScript, TypeScript, and database querying in a real-world web application. Additionally, it aims to deepen my knowledge of React.js. I believe that the best way to learn something new is through "Learning by Doing."
You can explore the application using the demo account below:
- Email Address:
muhammadiqbalxyz251@gmail.com - Password:
G7!t^fRz@4xW$hK8
- Hotel employees can log in to perform tasks.
- New user sign-ups are restricted to ensure that only actual hotel employees can create accounts.
- Users can upload an avatar and change their name and password.
- A table view displays all cabins with details like photo, name, capacity, price, and current discount.
- Users can update or delete cabins, as well as create new cabins (including photo uploads).
- A table view shows all bookings, including arrival and departure dates, status, paid amount, and guest data.
- Booking statuses include "unconfirmed," "checked in," or "checked out." The table can be filtered by status.
- Additional booking information includes the number of guests, nights, guest observations, and breakfast bookings.
- Users can delete, check in, or check out a booking as guests arrive.
- Bookings may not have been paid prior to guest arrival. Users must accept payment outside the app and confirm receipt within the app.
- Guests can add breakfast for their entire stay during check-in if not already arranged.
- Guest data includes full name, email, national ID, nationality, and a country flag for easy identification.
- The initial app screen is a dashboard displaying key information for the past 7, 30, or 90 days:
- A list of guests checking in and out on the current day, with tasks accessible from this screen.
- Statistics on recent bookings, sales, check-ins, and occupancy rates.
- Charts showing daily hotel sales, including "total" and "extras" (currently breakfast).
- A chart depicting stay duration statistics, a crucial metric for the hotel.
- Users can define various application-wide settings such as breakfast price, minimum and maximum nights per booking, and maximum guests per booking.
- Dark mode functionality for a better user experience.