Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/minhtran241/travel-advisor

Explore all information about Restaurants, Hotels & Attractions around you 🔍
https://github.com/minhtran241/travel-advisor

dotenv google-maps-api javascript jsx material-ui netlify openweathermap-api rapidapi react-google-maps-api reactjs traveladvisor-api

Last synced: 15 days ago
JSON representation

Explore all information about Restaurants, Hotels & Attractions around you 🔍

Awesome Lists containing this project

README

        





🗺 Travel Advisor 🗺


### ✅ Travel Advisor

### _Explore all information about Restaurants, Hotels and Attractions around you 🔍 🗺_

### Link :link: https://travel-advisor-minhtran.netlify.app/

![Travel Advisor](https://i.ibb.co/qph2cZn/image.pngg)

## Introduction

Build and Deploy an advanced Travel Companion Application using Google Maps. With Geolocation, Google Maps API, Searching for places, Fetching restaurants, hotels and attractions based on location from specialized Rapid APIs, data filtering and much more, this Travel Advisor App is the best Maps Application that you can currently find on YouTube and on the entire internet.

In this video, you'll learn:

- Advanced React Best Practices such as folder & file structure, hooks and refs
- Creating a User Interface using Material UI
- Working with Google Maps API
- And most importantly fetching data from unlimited sources using RapidAPI
- Essentially, you'll become the master of working with APIs

[RapidAPI](https://rapidapi.com/hub?utm_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel)
[Travel Advisor API](https://rapidapi.com/apidojo/api/travel-advisor?utm_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel)
[Open Weather Map API](https://rapidapi.com/community/api/open-weather-map?utm_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel)

## Thanks to JavaScript Mastery

His youtube channel https://www.youtube.com/c/JavaScriptMastery helps me alot, I created this project by following his guide.

Setup: run `npm i && npm start` to start the development server