Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 🔍
- Host: GitHub
- URL: https://github.com/minhtran241/travel-advisor
- Owner: minhtran241
- Created: 2022-07-04T10:41:30.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-04T11:40:23.000Z (over 2 years ago)
- Last Synced: 2023-04-23T04:10:02.564Z (over 1 year ago)
- Topics: dotenv, google-maps-api, javascript, jsx, material-ui, netlify, openweathermap-api, rapidapi, react-google-maps-api, reactjs, traveladvisor-api
- Language: JavaScript
- Homepage: https://travel-advisor-minhtran.netlify.app/
- Size: 205 KB
- Stars: 8
- Watchers: 1
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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