This single page application shows a map of coworking cafés in Paris. This app is built for a Neighbourhood map project which is a part of the Front End Web Development Nanodegree at Udacity.
- Knockout JS
- Google Maps
- Foursquare
- Fontawesome
- JQuery
- Display map markers identifying at least 5 locations that you are interested in within chosen neighborhood. Your app displays those locations by default when the page is loaded.
- Implement a list view of the set of locations.
- Provide a filter option that uses an input field to filter both the list view and the map markers displayed by default on load. The list view and the markers update accordingly.
- Add functionality using third-party APIs to provide information when a map marker or list view entry is clicked.
- Add functionality to animate a map marker when either the list item associated with it or the map marker itself is selected.
- Add functionality to open an infoWindow when either a location is selected from the list view or its map marker is selected directly.
- The app's interface is intuitive to use. For example, the input text area to filter locations is easy to locate. It should be easy to understand what set of locations is being filtered.
- Google maps and Forsquare errors are handled gracefully.
- Test the app at: https://sunnypaul393.github.io/Udacity-NeighbourhoodMap/
- Array.prototype.indexOf()
- Foursquare for Developers
- Free Styles for Google Maps
- Getting Started with JSDoc 3
- GitHub Help - Creating Project Pages manually
- Google Maps APIs
- Iconshop - Free Icons for Commercial use
- Knockout Documentation
- Markdown CheatSheet
- Utility Functions in KnockoutJS
This project has made me feel like I was walking with too big shoes. I`ve been struggling with it for quite a while and would not have been able to come this far without help.