An Neighborhood Map App built with Knockout.js, Google Map API & FourSquare API
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Neighboorhood Maps (Version 2)

This is the Udacity Neighborhood Map Project. It was build by using various APIs. This includes Google Maps API and other location-based services like Foursquare API.

Live Demo

Click Here to Watch my Neighboorhod Map.

About myNeighborhood Maps

My neighborhood map shows places around Belfast, United Kingdom that uses Google Maps & FourSquare API along with some helpers such as Bootstrap, Knockout.js and JQuery. If the user clicks on the marker, an infowindow will pop out showing the information of the place with name, address, phone and so on.

There are some additional functionality such as search function to discover places to visit and do in Belfast, and a listview that help user to look for the information of the place with ease. The filter function also helps to filter the listview as you type. In return, it displays the place's name that the user are looking for.

The neighborhood map is very responsive, it runs on tablet and mobile as well.

Software Implementation

  • AJAX
  • Javascript Design Patterns
  • Google Maps API - Markers & Controls
  • FourSquare API - Venue & Explorer
  • Bootstrap - Components-list-group (Custom content)
  • JSON
  • Gulp.js (Minification)

Gulp Installation & Resources Used

Errors Encountered & Helpers


  • lei-clearsky(Inspiration) - Former Udacity Student