https://github.com/elena-in-code/neighborhood-map-app
https://github.com/elena-in-code/neighborhood-map-app
api create-react-app google-maps-api reactjs udacity-frontend-nanodegree wikipedia-api
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/elena-in-code/neighborhood-map-app
- Owner: elena-in-code
- Created: 2018-08-11T18:46:51.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-08-18T09:35:46.000Z (almost 7 years ago)
- Last Synced: 2025-01-20T11:31:59.817Z (5 months ago)
- Topics: api, create-react-app, google-maps-api, reactjs, udacity-frontend-nanodegree, wikipedia-api
- Language: JavaScript
- Size: 156 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Neighborhood Map App
Final project part of the [**Front-End Web Developer Nanodegree Udacity**](https://eu.udacity.com/course/front-end-web-developer-nanodegree--nd001).
### Launch the project:
* Clone the repo or download the Zip Files into your pc
* install all project dependencies with `npm install`
* start the development server with `npm start`
* Used Create React App
* Service Worker using default, will only be available in production.
### Third party API usage:
* For map and markers: [Google Maps API](https://developers.google.com/maps/documentation/javascript/tutorial?hl=en_GB)
* For the locations info: [Wikipedia API](https://www.mediawiki.org/wiki/API:Query#Generators)
### The application usage:
* It is a application that displays a map with 5 locations in Madrid, Spain.
* This locations are museums located in the capital.
* You can get information for each location by clicking on the marker located in the map, clicking over the list on the aside section, or by filtering using the selector.
* Selecting a location will make the marker of that location animate so you can easily know where it is located.
### Acknowledgments:
Thanks to:
https://github.com/MaZchao
https://github.com/BycorSanchez
https://github.com/maevanapcontact
https://github.com/Syknapse
for sharing their code for the rest to get inspiration
### Resources:
* https://html.spec.whatwg.org/multipage/#toc-semantics
This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).
visit the link for more info about it.