Nikko

Live Preview

Stack

• Awesome AngularJS on the client
• CSS based on Twitter's bootstrap
• Build on Gulp
• Jquery
• App routing on UI Router
• Infinite Scrolling on ng-infinite scroll

Release Notes

• Built with separation of concern
• Separate controller for search functionality
• Angularjs filter to remove duplicate results from search
• Angularjs directive for loading images into the view
• Angularjs service to load data using AJAX
• Angularjs cut filter to cut out the extra length in movie titles

Build

This is a demo project with a build system focused on AngularJS apps and tightly integrated with other tools commonly used in the AngularJS community:

• powered by Gulp.js
• build supporting JS, CSS minification
• Twitter's bootstrap

Installation

Prerequisites

To get you started you need to install Node.js and then the development tools. Node.js comes with a package manager called npm for installing NodeJS applications and libraries.

• Install node.js (requires node.js version >= 0.8.4)

• Install Gulp

  npm install -g gulp
  

Make sure you have gulp installed globally

Get the Code

Either clone this repository or fork it on GitHub and clone your fork:

git clone https://github.com/djdennyjohn/nikko.git

Install Dependencies

cd nikko
npm install

Run the Application

The project is built with a simple development web server. The simplest way to start this server is:

npm start

Build the App

The app is made up of a number of javascript, css and html files that need to be merged into a final distribution for running. The app uses Gulp build tool to do this.

• Build client application:

  cd nikko
  gulp clean
  gulp
  

This will create a dist folder with all the required files.

Running

```
cd dist
npm start
```