[GIS] Travel Advisor

A single-page application with map services enabled.

Features

• Show current location and travel destinations
• Live preview of the interactive map
• Display destination cards on the map to indicate where it is located
• Filter places based on type or rating
• Search for desired locations using an autocomplete search bar

Screen Captures

Environment Variables

To run this project, you will need to supply your own keys for the following environment variables in your .env file.

REACT_APP_GOOGLE_MAPS_API_KEY

REACT_APP_RAPID_API_KEY

Run Locally

Clone the project

  git clone https://github.com/jasandgun/gis-travel-advisor

Go to the project directory

  cd gis-travel-advisor

Install dependencies

  npm install

Start the app in the development mode on http://localhost:3000

  npm start

The page will reload if you make edits. You will also see any lint errors in the console.

Documentation

Made with React and TypeScript, bootstrapped with Create React App.
APIs used in this project:

• Google Maps - JavaScript API
• Google Maps - Places API
• RapidAPI - Travel Advisor by Api Dojo

Acknowledgements

• tutorial by JavaScript Mastery