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.
- JavaScript
- jQuery
- HTML
- CSS
- Bootstrap
- KnockoutJS
- Google Maps API
- FourSquare API
Framework
- This app uses
knockout.js
. Documentation can be found here
- Clone or download this repostitory in to your local device.
- Unzip the files
- Open index.html in your Browser.
- 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.
- 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
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