Project Neighborhood Map

This project's goal is to utilize the organizational JS library Knockout incorporating the MVVM pattern to update the web page dynamically without refreshing the browser, in combination with Google Maps API, and a third party API, in this case Foursquare.

I've also utilized the following:

• Package Manager: Bower
• Build tool: Gulp

How to Run Project:

• Click on link at the top or click this link.

  or

• Clone files or download and unzip files:

  $ git clone https://github.com/johnnyqbui/Project-Neighborhood-Map.git

  After cloning or downloading:

  • Navigate to '/dist' folder
  • Open index.html in a browser

  And that's it!

Development

The development code can be found in the '/app' directory along with the raw/uncompressed files. Bower.JSON lists the dependencies and versions used in this project:

• Jquery: "3.1.0"
• Knockout: "3.4.0"

Production

The production code can be found in the '/dist' folder along with the minified/compressed files.

Setting up Dev Environment:

• Install Gulp Dependencies:

  • Make sure Node.JS is installed
  • Make sure package.json is at root level, then run:

  $ npm install

Gulp plugins used:

• gulp-rename
• gulp-html-replace
• gulp-htmlmin
• gulp-uglifycss
• gulp-uglify

Run project with most up-to-date version of JQuery and Knockout.JS:

1. Install Bower:

   Bower depends on Node.JS, so make sure that's installed first. Then run the code below.

   $ npm install -g bower

2. Update Dependencies:

   Navigate to the '/app' directory where the bower.json file resides and run this in your git command window:

   $ bower install --force

   This command forces bower to install up to date dependencies into bower_components directory. Otherwise, you can keep the original version dependencies the project was created with.