A single-page web application, built using the React framework, that displays a Google Map of an area and various points of interest. Users can search all included landmarks and, when selected, additional information about a landmark is presented from the FourSquare APIs.
- Type into the search box to filter the shown locations on the map.
- Click on the menu icon in navbar to collapse or expand the search container.
- Click on the location from list to display infowindow on the map.
- Click on any marker to see the location details fetched from the FourSquare APIs.
The project uses Node.js and the Create-React-App starter code.
After Node is installed in your system, follow the below steps.
- Navigate to the directory where you want to store the app.
- Clone the repo
https://github.com/ibrahimkundlik/NeighborhoodMapOG-React-Udacity.git - Now install all modules listed as dependencies in
package.jsonby running the commandnpm install - Launch the app with this command
npm start
A new browser window open automatically displaying the app. If it doesn't, navigate to http://localhost:3000/ in your browser.