/Neighbourhood-map

Udacity FSND Front-End Project with Google maps api, Knockout JS and Gulp

Primary LanguageJavaScript

Neighbourhood map Udacity FSND, Project 5

Neighborhood maps is a front end project for Udacity Full Stack Nanodegree.

This single-page-app was completed using javascript, jquery, knockoutJS gulp, scss, google maps API and FourSquare API to display a google map of London with markers pointing to vegan restaurants and features a search bar which filters the restaurants using knockoutJS.

Requirements:

node, npm, gulp

Instructions to display the app locally

  1. Clone the project
  2. Install gulp npm install gulp -g
  3. Go to the project directory and run npm install to install dependencies
  4. Create google app
  5. Copy the app id to YOUR_GOOGLE_APP_KEY at index.html
  6. Create Foursquare app
  7. Replace FOURSQUARE_SECRET and FOURSQUARE_ID with you ID and Secret at script.js
  8. run gulp to start the gulp server and open the browser with the app