This project contains the file for Udacity Neighbourhood Map Project.
To run the application, open index.html
on a browser.
Libraries: Knockout JS, JQuery
APIs: Google Maps API, Wikipedia
Install Knockout through npm install knockout
in the project folder.
This repository covers the requirements for Udacity - Full Stack Web Development Neighbourhood app project.
The project displays a list of locations in the following interfaces:
- Map View - Display markers on a google map.
- List View - Display a dynamic list of locations through Knowckout JS.
The app relies on Google Maps API to handle all markers and infowindows. Relevant links are retrieved asynchronously from Wikipedia API.
The List View is dynamically updated through a ko.computed() instance.
The tasks covered by the app are:
- Display all visible categories.
- Apply text filters on both List and Map View.
- Display unique information about the markers when selected through the map or the list.
- Show/Hide markers from the map.
All maps are sourced from Google Maps API. Fonts are from FontAwesome and Google Fonts.