Skip to content

The final project (#7) for the Udacity Front-End Nanodegree

Notifications You must be signed in to change notification settings

amyyf/neighborhood-map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Neighborhood Map

Many people come to New York City to learn about its history. Many people also like to drink beer. Here's a list of ten places in New York where you can do both of those things at the same time.

Getting Started

This project was bootstrapped with Create React App.

It is hosted on my website, if you just want to look at it.

Otherwise, clone or download the project, cd into the project directory, and run:

npm install

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

You can alternatively run:

npm run build

to deploy the production build of the app. Create-React-App recommends serving the production build with:

npm install -g serve

serve -s build

This project utilizes a service worker from Create-React-App that ONLY works in the production build.

Dependencies and resources

APIs and libraries:

I referred to Cuneyt Aliustaoglu's article for tips on using Google Maps with React without using custom libraries.

I modified code from Udacity's course on working with Google Maps API to change the color of my active marker.

My custom map markers and favicon were created by Steven Frieson.

Project Instructions from Udacity

You will develop a single page application featuring a map of your neighborhood or a neighborhood you would like to visit. You will then add functionality to this map including highlighted locations, third-party data about those locations and various ways to browse the content.

About

The final project (#7) for the Udacity Front-End Nanodegree

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published