gkielwasser/angular-ionic-sushi

AngularJS + Express Full Stack Generator + Ionic

E-commerce web application to buy sushis. By using Cordova, the application can easily be deployed as a native application on mobile devices.

Demo

Heroku + Express. Test application from heroku server. (Designed for mobile devices!!)

Technologies

Application

• AngularJS: angularjs.org
• Ionic: ionicframework.com

Workflow

• Grunt: gruntjs.com
• Yeoman: yeoman.io
• Bower: bower.io

Server

• NodeJS: nodejs.org
• Express: expressjs.com

Generate workflow

Yeoman generator: generator-angular-fullstack. More usefull steps:

Install generator-angular-fullstack:

npm install -g generator-angular-fullstack

Make a new directory, and cd into it:

mkdir my-new-project && cd $_

Run yo angular-fullstack, optionally passing an app name:

yo angular-fullstack [app-name]

Deployment

To generate a dist folder that can easily be deployed use:

grunt

This will run unit tests, jshint, concatenate and minify scripts/css, compress images, add css vendor prefixes, and finally copy all files to a tidy dist folder.

Alternatively to skip tests and jshint, use:

grunt build

Heroku Deployment

We provide an extremely simplifed deployment process for heroku.

yo angular-fullstack:deploy heroku generates a dist folder that is deployment ready for heroku.com.

Create and Deploy an app in 4 steps

1. mkdir foo && cd foo

2. yo angular-fullstack

3. yo angular-fullstack:deploy heroku

4. cd dist && git push heroku master

5. Optional (if using mongoDB) heroku addons:add mongohq

That's it! Your app should be live and shareable. Type heroku open to view it.