Neighborhood Project with Google Maps and React

Build a Neighbourhood Map from scratch of your favourite area using React, part of Udacity Course "Front-End Web Developer Nanodegree Program":

You will develop a single-page application using React featuring a map of your neighborhood or a neighborhood you would like to visit. You will then add additional functionality to this application, including: map markers to identify popular locations or places you’d like to visit, a search function to easily discover these locations, and a list view to support simple browsing of all locations. You will then research and implement third-party APIs that provide additional information about each of these locations (such as StreetView images, Wikipedia articles, Yelp reviews, etc).

Instructions

To get started please follow the instructions bellow:

• git clone https://github.com/KWagner91/neighbourhood-map
• cd neighbourhood-map

Install dependencies and run with:

npm

npm install npm run serve

And then visit localhost:5000

or

yarn

yarn install yarn run serve

And then visit localhost:5000

Project Specifications

• HTML5, CSS, JavaScript and React
• Google Maps API and Foursquare API where used
• Accessibility focus is appropriately managed
• Offline First Application with Service Workers

Additional Functionality

• The User can change the keyword which will display new map pins

Enjoy!