https://github.com/kwagner91/neighbourhood-map
Neighbourhood Map using Google Maps API and React
https://github.com/kwagner91/neighbourhood-map
css foursquare-api html javascript react react-google-maps udacity-nanodegree
Last synced: 8 months ago
JSON representation
Neighbourhood Map using Google Maps API and React
- Host: GitHub
- URL: https://github.com/kwagner91/neighbourhood-map
- Owner: KWagner91
- Created: 2018-08-21T12:48:07.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-16T21:34:32.000Z (almost 7 years ago)
- Last Synced: 2025-01-10T19:47:18.757Z (9 months ago)
- Topics: css, foursquare-api, html, javascript, react, react-google-maps, udacity-nanodegree
- Language: JavaScript
- Homepage:
- Size: 183 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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!