#Jagged UI ###an AngularJS module for UI Awesomeness Jagged is trying to fill some gaps in webapp UX/UI while advocating the advancement of AngularJS.

###App Tech

####Scaffolding / Build tech

nodeJS

GulpJS :: Frontend / UI task runner

• Plugins: gulp-notify, gulp-uglify, gulp-concat, gulp-rename, gulp-less, gulp-autoprefixer, gulp-csscomb, gulp-minify-css, gulp-cssbeautify, gulp-watch

Bower :: thirdparty repo manager

• Managing these repos: AngularJS, Bootstrap, Font Awesome

####Frontend / UI tech AngularJS

Twitter Bootstrap

LESS

Font Awesome

###Dev Setup #####Step 1: Install nodeJS Use the installer for initial installation as well as updates to nodeJS and NPM.

#####Step 2: Clone the Jagged UI Repo

Either download zip or GIT clone this repository so that its on your local computer.

#####Step 3: Install NPM packages

You can configure what NPM installs by modifying the 'component.json' file in the root of the repo. All packages will be installed to the /node_modules directory in the root of the repo.

From the command line, in a terminal, go to the root directory and run:

> npm install

#####Step 4: Install Bower globally

Install bower globally (if you haven't already).

> npm install -g bower

#####Step 5: Get Bower libraries

You can configure what bower retrieves by editing the dependencies in the component.json file before running the install command.

From the command line, in a terminal, go to the root directory and run:

> bower install

This will download all packages to /thirdparty.

###Build

Go to the root directory where gulpfile.js is located and run:

> gulp

This will run all configured Gulp tasks, including compiling LESS, autoprefixing for vendor specific CSS, CSSComb for organizing CSS properties in the best order, CSS Minification, Javascript Uglify and a watch setup to fire the build process if any files are changed in app/less/ or app/js/src/ directories.