Neighborhood Map
Table of Contents
Goals
This app was build as the 7th project for the Udacity/Grow with Google Front End Web Development NanoDegree. The goal of the project is to implement Google's Maps API and another API service to create a React app to display a map, markers, and information. View the project's rubric
How to Run
Clone the project using $ git clone https://github.com/AmberRoberts/neighborhood-map
Run $ npm install
to install the project dependencies.
Run $ npm install react-burger-menu
for React-Burger-Menu
In the project directory, run:
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Service Worker
In order for the service worker to function properly, you must npm run build
. This builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
Dependencies
This project uses or requires the following:
- This project was bootstrapped with Create React App.
- Google Maps API
- Foursquare API
- React-Burger-Menu
References and Acknowledgements
Referenced materials include:
- Google Maps API and Foursquare API documentation
- Reactjs documentation
- Late-night cohort chats and bug-hunting with Amazing_Codehort_FEND
- One-on-One mentor sessions with the fantastic Derick Gross
- Some serious code-explaining from Carlos F [FEND].
- Spread operator research
- StackOverflow, specifically:
- Mozilla's developer documentation, specifically:
- Elharony's Google Maps with React tutorial
- Forrest Walker's Neighborhood Map Walkthrough
- Suggested reading from initial reviewer on error handling in Google Maps