Skip to content

adarraji/booking-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Booking App

Booking front-end app using React. The home page has lists and search bar (destination, date range and other options). When you click the search button, the result page shows up and you can change search inputs or add other options. When you choose any hotel it will take you to the single hotel page where you can see it's details including the photo gallery of the hotel.

You can see the website here

This is one of three parts of full stack Booking app. You can find the Node.js/MongoDB REST API backend here and the React Booking Admin Dashboard here

To run the application

  1. Clone this repo
  2. Run npm install
  3. Run `npm start

Built With

  • HTML
  • CSS
  • Javascript
  • React
  • React Router
  • React Hooks
  • Font Awesome
  • Custom hooks
  • React Context

Environmental Variables

Replace process.env.REACT_APP_BACKEND_BASE_URL with the backend api base url in:

  • src\components\reserve\Reserve.jsx
  • src\hooks\useFetch.js
  • src\pages\login\Login.jsx

Example: http://localhost:8800/api

Deployment

Deployed on Netlify You can see the website here

Authors

Deploy status

Netlify Status

Screenshots

Releases

No releases published

Packages

 
 
 

Contributors