Hotel Booking Site with React

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.

Demo

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 (Get, 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

Installation

Clone this repo
Run npm install

Development

npm start: Run the app in development mode.
npm run build: Builds the app for production to the build folder.