shashankshampi / Neighbourhood-Map-Udacity

This is the last and final project in the udacity front End Nano Degree Program. The Neighbourhood Map project involves developing a single page application with the KnockoutJS framework and various API's. Aside from the Google Maps API, additional information is added to the project locations with the FourSquare API loaded asynchronously. KnockoutJS allows the project to be organized with the MVVM pattern, so that the page can be loaded without getting refreshed.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Neighbourhood-Map-Udacity

This is the last and final project in the udacity front End Nano Degree Program. The Neighbourhood Map project involves developing a single page application with the KnockoutJS framework and various API's. Aside from the Google Maps API, additional information is added to the project locations with the FourSquare API loaded asynchronously. KnockoutJS allows the project to be organized with the MVVM pattern, so that the page can be loaded without getting refreshed.

Skills used for this project

  • JavaScript
  • jQuery
  • HTML
  • CSS
  • Bootstrap
  • KnockoutJS
  • Google Maps API
  • FourSquare API

Framework

  • This app uses knockout.js. Documentation can be found here

How to install

  1. Clone or download this repostitory in to your local device.
  2. Unzip the files
  3. Open index.html in your Browser.

How to use app

  1. Clicked on one of the list in the navigation menu on the left of the screen. Or clicked on any markers. It will show the location of the Bangalore Tourist Place along with Likes and Rating.
  2. Filter places by type in the search field with their name to make search easier.

APIs

  • This app uses the Google Maps API. Documentation can be found here
  • This app also uses FourSquare Developers API. Check out the following link for more detailshere

Library Use

Reference materials

https://developers.google.com/maps/documentation/javascript/ https://developer.foursquare.com/ https://www.w3schools.com/ http://www.knockmeout.net/2011/04/utility-functions-in-knockoutjs.html

About

This is the last and final project in the udacity front End Nano Degree Program. The Neighbourhood Map project involves developing a single page application with the KnockoutJS framework and various API's. Aside from the Google Maps API, additional information is added to the project locations with the FourSquare API loaded asynchronously. KnockoutJS allows the project to be organized with the MVVM pattern, so that the page can be loaded without getting refreshed.


Languages

Language:JavaScript 64.1%Language:HTML 26.0%Language:CSS 10.0%