Skip to content

Vacation booking application is a react app that allows user to browser destinations, book a destination and get the total cost of the destination depending on the number of days the user stays in the destination.

License

Notifications You must be signed in to change notification settings

danmainah/vacations-booking-front-end

Repository files navigation

Vacation Booking App(Front-end)

Vacation Booking App is an online booking app that allows users to see destinations, reserve a destination,view all their reservations. Regestered users are able to view a list of destinations they booked. Only admin users are allowed to add and delete destinations.

The app consumes an API created using the Ruby on Rails framework. Link to API repo click here

Live Demo

Click here to open the app.

Application Screenshot

Desktop View

vacations-booking-screenshot

Screenshot (64)

Screenshot (65)

Screenshot (66)

Mobile view

image image image

Built With

  • React
  • Redux

Getting Started

To get a local copy up and run the app, follow these simple example steps.

Prerequisites

  • Node.js > 16.13.0
  • npm > 8.1.3
  • yarn > 1.22.15

Setup

Clone the repository with:

git clone git@github.com:danmainah/vacations-booking-front-end.git

or download ZIP file

Install

To install all dependencies, run:

npm install

Usage

To open it in the browser, in the project directory, run:

npm start

Choose port 3001 or any other port number different from 3000 to run your server on it and open

http:localhost:port_number/

on your browser.

IMPORTANT!!!

Since this repo contains the front-end app only,if you want to run the back-end localy please look for the back-end app. If you want to use your local server you will need to update urls in helper functions:

src/helpers

destroyDestination.js
destroyReservation.js
getDestinations.js
getResrvations.js
postDestinationData.js
postReservation.js

Make sure that instead of https://booking-vacations.herokuapp.com you put http://localhost:3000!

You should be able to see the home page now.

Tests

To test the application please run:

npm test

👤👤 Authors

👤 Aleksandar Ivezic

👤 Vo Thi Quynh Yen

👤 Hubert MUGABO

👤 Igor Koloski

👤 Daniel Maina

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.

About

Vacation booking application is a react app that allows user to browser destinations, book a destination and get the total cost of the destination depending on the number of days the user stays in the destination.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages