Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dev-ahmedfares/grand-hotel

Hotel management app - full-featured React web application that allows hotel employees to manage cabins, bookings, and guests.
https://github.com/dev-ahmedfares/grand-hotel

front-end-development hotel-management-system reactjs styled-components supabase tanstack-react-query

Last synced: 3 months ago
JSON representation

Hotel management app - full-featured React web application that allows hotel employees to manage cabins, bookings, and guests.

Awesome Lists containing this project

README

        




Welcome to Grand Hotel, This is a hotel management web app, where hotel employees can manage cabins, bookings, and guests. It uses Supabase as the backend and implements advanced React techniques such as HOCs and React Query. This system integrates with the hotel’s website, allowing guests to discover and book available cabins that is adding by Hotel Management System.




## Technologies Used
* React js
* React Query
* React Router
* Context Api
* React Hook form
* React hot toast
* React icons
* Styled-Components
* supabase
* Recharts
* date-fns library
* vite

Features

* **User Authentication:** secure login for hotel employees and every employee can create or edit account information like password, profile Avatar and Full name .
* **Cabin Management:** employees can create, edit and delete cabin.
* **Booking Management:** employees can manage booking status, can make check in or check out or delete booking for guests.
* **Setting Management:** employees control the change of settings like min and max nights per booking, maximum guests per booking and breakfast price.
* **The app features a dashboard** showing recent stats on bookings, check-ins, and sales.
* **Real-time updates** for cabins and bookings using Supabase.
* **Visual statistics** with charts displaying sales, occupancy rates, and other important data.
* **Fully functional dark mode** for a customized user experience.

Contact

If you have any questions or need more information, please feel free to contact us:

* **Email:** [email protected]
* **LinkedIn:** https://www.linkedin.com/in/dev-ahmedfares/