Neighborhood Map Project for Udacity Front-End Web Developer Nanodegree
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Salinas Neighborhood Map


This project uses JavaScript, jQuery, KnockoutJS, Google Maps API, and the Foursquare API to create a map of some locations of Salinas, CA.


  • Responsive Layout
  • Foursquare Tips and Photos of Locations
  • Marker Animations

Basic Instruction

  • Open the index.html file in a modern browser (chrome, firefox, ie11, etc.).
  • Click markers or list items to select a location and retrieve info about it.
  • Type into the filter/search box to filter the shown locations.
  • Click page the small arrow at the bottom of the list to collapse or expand the list.
  • Click anywhere on the actual map to close the information window that opens.
  • Ensure options above filter/search box are what you want them to be.