The Neighborhood-Map is a project written for Udacity's Full Stack Developer Nanodegree Program.
In this project, a single web application will display a menu pane populated with five hardcoded locations and a Google Map with markers displaying those five locations. Upon clicking the a particular location on the menu pane, the location will expand using an accordian styled card which will display information fetched using Foursquare API. The corresponding marker will also bounce and display and simple InfoWindow with the Title and Address. Use the filter function to filter through the entries which will temporarily remove markers and entries from display.
- Menu button does not display menu when using Google Chrome's and Apple Safari's Responsive Design feature to switch the desktop version to a mobile version. User must refresh the site while in the mobile version only once (if swtiching from desktop to mobile version via Responsive Design browser feature) for it to function properly.
Please ensure your system contains the following software prior to using this project:
- Internet access
- The latest browser up-to-date (i.e. Chrome, Safari, Internet Explorer, Firefox)
[Note:] All scripts (i.e. JQuery, Knockout JS, Bootstrap) are sourced from a cloud host, so no downloads are necessary
To obtain a copy of this project download the entire contents of this repository in a .zip file onto your desktop or folder of choice and unzip it.
- Open
index.htmlfile in the folder you unzipped the files to.
Please use this project at your own risk. I, J. Ye., am not responsible for any damage(s) that the end-user's computer may experience while using this project.
- [To be Updated!]