Neighborhood Map Project

This is my project submission for Udacity's Full Stack Web Developer nanodegree's neighborhood map project. The goal of this project was to develop a single page application featuring a map of a neighborhood that includes highlighted locations, third-party data about those locations, and various ways to browse the content.

Demo

A live demo of the project hosted by heroku is avaliable at https://dmaydan.github.io/Neighborhood_Map_Project.

Run on your Own

In order to actually run this website on your own machine you will need to clone this repo. Then, you will need to generate your own API credentials for the Google Maps Javascript API. To do that follow these steps:

1. Go to https://console.developers.google.com/
2. Click 'Select Project'
3. Click 'New Project', give your project a name, and click 'Create Project'
4. Search for the 'Maps Javascript API'and click 'Enable'
5. Now, click on the 'Credentials' tab, click 'Create credentials', and select 'API Key'
6. Copy the API key
7. Go to the index.html file in the cloned repo, find the final script tag with the call to the Maps Javascript API, and replace my API key with the one you just created

Once you have created the API key and replaced my API key, you are ready to actually startup the site. All you have to do is open the index.html file in any browser.

KnockoutJS

KnockoutJS is an organizational framework that implements Model–View–Viewmodel (MVVM), a software architectural pattern. In my application, KnockoutJS is used to create rich, responsive display and editor user interfaces with a clean underlying data model.

3rd Party APIs

Data from 3rd party APIs is loaded asynchronously with errors handled gracefully. The Google Maps API is used to generate a map of New York City. The Wikipedia API provides additional data about the highlighted locations.