Neighbourhood Map React

Project Overview

Neighbourhood Map React is a part of Udacity Web Development Nanodegree project.

My Map is about Manhattan Downtown Coffee & Bar locations, using Google Map Api and Foursquare API as the third party api.

Getting Start

Download or clone this repository
run 'npm install'
run 'atom .' or open other editor, create an .env file at the project root folder.
inside '.env' file, create 3 environment variables and set it to your own Google Api Key, Foursquare client id and client secret:

  REACT_APP_API_KEY=YOUR_GOOGLE_API_KEY
  REACT_APP_FOURSQUARE_CLIENT_ID=YOUR_FOURSQUARE_CLIENT_ID
  REACT_APP_FOURSQUARE_CLIENT_SECRET=YOUR_FOURSQUARE_CLIENT_SECRET

run 'npm start' (the app will run locally on port 3000 by default)

Service Worker

The service worker is implemented only in the production build

npm run build
serve -s build
navigate to http://localhost:5000

Contributing

When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.

neighbourhood_map_react

Commits

add error handle for google map api, bouncing effect when activate, tabIndex for a11y

update readme

foursquare working

list click working