Map project for the Udacity front-end nanodegree.
JavaScript CSS HTML
Clone or download
Failed to load latest commit information.
dist copy: Update data for 2017 NHL and NBA Oct 6, 2017
.gitignore Add build to git project, clean up todos and readme Mar 15, 2015 Update code style in README Oct 25, 2015
package.json Update data files for new stadiums, stadium names. Sep 6, 2016

American Stadiums Map

View the project live.

Project 5 for the Udacity front-end nanodegree.

This is map of all stadiums in the major professional sports leagues (MLB, NBA, NFL, NHL, and MLS). (Why yes, that is a big neighborhood...) We get location data and photos from Foursquare and articles from the NY Times. The stadium list can be searched by stadium name or teams and can be filtered by sport.

Marker/filter icons were created by me in Sketch.


  1. Download the repo.
  2. The optimized content is in the dist directory. Just launch index.html. The source code is in the dev directory.
  3. Run the gulp build task to clean the dist directory and re-minify everything if you make changes to the dev code.

Sites/Tools Used