Introduction
Our hotel management application makes it easy for both admins and users to manage rooms, bookings, and offers. It's built with TypeScript to help catch errors early and make the code more reliable. We use modern tools like React, Vite, and MUI to create a fast and user-friendly experience.
Admin Panel
Features:
Valid Authorization: Secure access control to protect sensitive data.
Dashboard: Provides a comprehensive view of room availability, user data, and booking status at a glance.
Room Control: Allows full CRUD (Create, Read, Update, Delete) management for room details, including pricing, capacity, and available amenities.
Booking & Users Management: Seamless management of guest bookings and user profiles.
Ads-Offers Section: Admins can create, edit, and display special offers, including detailed descriptions and pricing.
User Panel
Guest Users:
Room Search: Users can search for available rooms by providing check-in and check-out dates.
Current Offers: View special offers directly from the platform.
Registered Users:
Room Booking: Registered users can book rooms and manage their reservations.
Favorite Listings: Save and manage favorite room listings.
Reviews & Feedback: Write reviews for their stay.
Payment: Seamless payment process integrated with Stripe.
Dashboard Access: Users can track room availability and view bookings from their dashboard.
Features and Tools
Our platform is powered by the following tools and libraries:
React, Vite, MUI (Material UI): For a modern, responsive, and interactive UI.
React Router DOM, React Hook Form: Facilitates easy navigation and form handling.
React-Slick: For dynamic carousels.
Stripe: Secure payment processing.
Chart.js: Data visualization for tracking and reports.
React Sidebar Pro, React Toastify: Provides easy-to-use sidebars and notifications.
Getting Started
To begin using our hotel management application, follow these steps:
-
Clone the Repository: https://github.com/Ahmed-Serag19/hotel-management-system.git
-
Install Dependencies: Run npm install to install the required packages and libraries.
-
Run the Application: Use npm run dev to start the development server.
-
Access the Admin and User Panels: Log in with admin credentials to access room and booking management, or create a user account to start booking rooms.