Here's the up-to-date version of P5 for Udacity's FEND. This is a map representation of Montreal's STM subway/metro transit system.
This project is developed nearly entirely using vanilla javascript, but does utilize both:
- KnockoutJS
- jQuery
- Download the git repository from http://github.com/officialphrank
- Unzip the files locally.
- Run the index.html
- The map takes approximately 6s to fully load, you'll need to wait until all markers are placed on the map. (You will notice this sets of pins drop on the map, as well as 3 groups of names populating the list on the left-hand side of the app)
- Once the map and list are populated, you can click on any list item to filter and single it out. You may also type in the filter box the text for any station you'd like to search for.
- Clicking on any map marker or list item will filter and display images of that particular station.
This project is still a work-in-progress. As it stands, it is fully functional, save for a few elements that need to be worked on.
Special thanks to: John, Ben, Alex, Abigail, Sarah.