pamcy/react-hotel-booking-ajax

Build a hotel booking website with React, React Router and Axios.

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

1. Clone this repo
2. Run npm install

Development

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