Udacity Front-end Nanodegree Neighborhood Map Project

Interface

1. Open the app, you'll find the cursor is defaultly on the search area
2. Below the search area, there is an address list
3. On the right area, it's google map with 11 markers
4. If opening the app by using a phone, the address list will hide by default, you can open it by clicking the hamburger button

How to use

1. Make sure you've connected the internet
2. Open index.html to load the app
3. You can enter some keywords to filter the addresses
4. You can click any address in the address list
5. You can get the info window by clicking any markers on google map
6. There are 2 parts in the info window: google street view, and Foursquare info
7. You can click the clear button to clear the search area

Techniques

• HTML
• CSS
• JavaScript
• AJAX
• jQuery

Framework

Model View ViewModel (MVVM), under KnockoutJS

Project Specification

Udacity Project 5 Rubric

License

This app is under MIT License. Copyright (c) 2016 shisaq

Reference

1. Udacity Forum amd Coaches
2. Udacity Project 5 Overview
3. Google Map API
4. Foursquare API
5. KnockoutJS