This project simulates the hotel management system which allows users to make a reservation, and cancel a reservation. The website also has an introduction about different cities where the hotels are located with various pictures of famous places and best dishes recommendations of the town. Each user can create their own account and log in to reserve a hotel and retrieve all the information about their reservations.
- Clone the project. Then go into the booking-api file and run npm start. This command will run the api of the hotel management system on http://localhost:5050 so that the client side can call the APIs.
- Go into src and run npm start. This will run and prompt the website on http://localhost:3000 so you can test all the features of the website.
Here is the image when you start a website
You can click on the images of different cities to see the introduction and recommendations for each city. Below that will be the different property types and best rate places for the guests. If you already have an account, log in with the right button on top to make a reservation. Otherwise, you can register with the left button on top and use that account to log in.
After logging in, you can choose the city you want to go to, the date and amount of people, and then click search, there will be many options for the users to choose from.
When the users choose any of the hotels, there will be information such as the name, address, introduction, and the price for the hotel. At the end of the page, there will also be reviews from other people for that hotel as well. Click on Reserve to reserve your favorite room.
If the users want to check their reservation (both past and current), they can click on Reservation, they can also cancel any of the current reservations but not the past reservation.
