/Frontend-NeighborhoodMap

Neighborhood Map App built with Google Map API, Foursquare API and Knockout.js

Primary LanguageJavaScript

Neighborhood Map Project -- Live Demo##

Project Overview:

Developed single page application featuring a map of neighborhood with Knockout.JS using MVVM architecture.

Project Approaches:

  • Used Knockout.JS, jQuery, Bootstrap, JavaScript and APIs
  • Implemented Google Map and Foursquare API
  • Allowed user define a neighborhood and search popular places by keyword
  • Build a search bar to filter the places displayed on map
  • By default, this APP will display 30 popular Restaurants in New York

How to use:

  • Input a neighborhood on Neighborhood input box
  • Input a search keyword on Popular places input box, e.g. sushi, coffee etc.
  • Input a filter word on Filter by ... input box to filter places displayed on Map
  • For mobile device:
    • Click Show List button to Show/Hide popular places list

References: