- This project is part of the Google/Udacity Nanodegree scholarship.
- This project was bootstrapped with Create React App.
- The project integrates with google-maps and Foursquare api's using react-google-maps library.
In this app the user can get information about places to visit in some cities of Egypt and the search results is covering some categories like hotels,cafes,restaurants,museums,and entertainment places.
Also inside a certain city user can search for a certain place or category and when click on the marker or the item in the list an information window appears including information about this place and set the center of the map to be this marker location and also zoom in for more clarity.
As a feature in this app... the user can add any Egypt's city he wants into the file listOfCities
inside the src
folder, all what he needs is to add the city name and its latitude and longitude,then it will be automatically added to the search menu.
In order to have this project up and running you need to :
- install npm using the command "npm-install"
- start npm using "npm-start"
- Code is written in
HTML
,CSS
,jsx
andJavaScript
. - This project uses
React
and react-googl-maps
libraries. - This app uses the fetch method with the Foursquare api to get information about venues.
- It uses google maps api as a mapping system.
- Offline available in production mode not development mode.