Awesome

Angular Starter Kit

This is an opinionated starter template for crafting single-page web applications using Angular.js, Coffeescript, SCSS, Jade, Bootstrap, UI-Router, Font-Awesome and a few other carefully picked tools that help kick-start web app development. To compile your app, it uses Gulp.js and a number of pre-processors, plugins, and utilities.

Getting Started

I highly recommend that you read through gulpfile.coffee. It's relatively simple and will help you understand how the assets are being compiled in case you run into any issues.
Install dependencies: NPM, Ruby, Bundler, PhantomJS
Clone the repository
Run bundle install. This will install the version of SASS specified in the Gemfile.
Run npm install
Run bower install
Run gulp in one shell. This will watch your files, auto-compile them, and start a local server.
Run npm run test in another shell. This will automatically run your unit tests.
Install LiveReload (optional)
Open your browser to http://localhost:9000.
This site is the default code and the documentation. I suggest checking out the sample code page, but then you just need to remove what you don't want and replace this content with your own. Have fun!

Deploying for Production

If you run gulp deploy, it will compile all the assets and also minify them and then place them into the deploy directory.

Running E2E Tests

npm install -g protractor - Install Protractor globally
webdriver-manager update - Installs the Selenium web driver required to run protractor tests. It may ask you to install the Java Development Kit, which is required.
npm run e2e - This will run the e2e tests. Because these tests are fairly slow, they are not setup to auto-run on file changes.

Demo

You can see what the initial template looks like here: Demo

To-Do

Task to compile for production that minifies all the code and places in a "deploy" directory
Use cache-busting filenames for production mode