The main purpose of this project is to implement API requests with React, so I create myself a mini hotel booking website like Airbnb. Visitor will be able to check room price and availability in the next 3 months, then fill out the simple form to book a room.
Live URL: https://react-hotel-booking.netlify.com/
The hotel booking template designed and shared by edith.hsu
What I learned from this project
- Making AJAX API calls (
Post) with Axios
- Displaying Modal with success and error message from API response
- Handling React Date Picker with response data
- Form data validation
- Formatting date in JS
- Skeleton screen loading effect
- CSS grid layout
- CSS only slider
- Clone this repo
npm start: Run the app in development mode.
npm run build: Builds the app for production to the build folder.