peterza2019/travel_advisor

Finds and visualizes the surrounding restaurants, hotels, and attractions based on your location and specified locations in real-time, using markers, popups, and supplementary information accurately. Uses leafletJS, React, Geosearch, and Material-UI.

 

Travel Advisor

About   |   Features   |   Technologies   |   Requirements   |   Starting   |   License   |   Author

🎯 About

Finds and visualizes the surrounding restaurants, hotels, and attractions based on your location and specified locations in real-time, using markers, popups, and supplementary information accurately. When you first load the page, allow the browser to detect your location.

You can interact with the map in real-time by dragging the map and seeing the surrounding attractions appear in the map. You can also search a particular address or city in the search bar, and the map automatically adjust to that region. Clicking on a particular marker will bring up the corresponding information in a popup and scroll to a card on the left-hand side with further details.

✨ Features

✔️ Real-time mapping using LeafletJS;
✔️ Location-based queries to find and visualize nearby restaurants, hotels, and attractions;
✔️ Ability to change locations and interact directly with the map via dragging and zooming;
✔️ Searchbar to search and find locations with autocomplete;
✔️ Filter results by ratings;

🚀 Technologies

The following tools were used in this project:

• Node.js
• React
• Leaflet
• Geosearch
• MaterialUI
• RapidAPI

✅ Requirements

Before starting 🏁, you need to have Git and Node installed. You will also need to sign up with RapidAPI, and subscribe to the Travel Advisor API. An API key will be generated for you. Create a .env file from the .env.example provided. Take the API key generated for you and put it in the .env file.

🏁 Starting

# Clone this project
$ git clone https://github.com/cynthiachiu/travel_advisor

# Sign up with RapidAPI and subscribe to the Travel Advisor API. An API key will be created for you

# Create a .env file following the .env.example and enter your API key

# Access
$ cd travel_advisor

# Install dependencies
$ npm install

# Run the project
$ npm start

# The server will initialize in the <http://localhost:3000>

# The browser will ask you to allow it to detect you location, click ALLOW and proceed

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

Made with ❤️ by cynthiachiu

 

Back to top