Skip to content

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

Notifications You must be signed in to change notification settings

16sheep/Neighbourhood-map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published