iGov - frontend infrastructure

General Overview

Service Layer. Proxy. Router.

Client Application

✓ AngularJS

✓ AngularUI

✓ Twitter Bootstrap

✓ Yeoman + Angular-Fullstack

✓ Grunt

Client Application. Theme and skins.

✓ Old good app.scss

✓ No skins

✓ No themes

✓ Twitter Bootstrap

✓ SCSS

Client Application. Builder.

✓ Yeoman http://yeoman.io/

✓ Angular-Fullstack generator

✓ Grunt

grunt serve

./central-js/_/_1_build_run.sh

./_1_build_run.sh

Client Application. Angular-Fullstack

✓ https://github.com/angular-fullstack/generator-angular-fullstack

✓ Common development style

✓ Naming conventions

✓ Generator features. yo angular-fullstack:route pagename

✓ Workflow was modified to support modules

✓ MEAN Application

MEAN. Mongo, AngularJS, Express, Node.js

✓ http://mean.io ✓ Is a framework for an easy starting point with MongoDB, Node.js, Express,

and AngularJS based applications. ✓ It is designed to give you a quick and organized way to start developing✓ MEAN based web apps with useful modules like Mongoose and Passport

pre-bundled and configured. ✓ Take care of the connection points between existing popular frameworks

and solve common integration problems.

Client Application. AngularJS

✓ Directives

✓ Controllers

✓ Services

✓ Viewes/Partials

Client Application. AngularUI.

✓ AngularJS

✓ AngularUI

✓ Twitter Bootstrap

✓ Yeoman + Angular-Fullstack

✓ Grunt

Client Application. AngularUI. Router.

✓ States and Routes

✓ Examples central-js/client/app/journal central-js/client/app/documents

✓ https://scotch.io/tutorials/angular-routing-using-ui-routerhttps://github.com/angular-ui/ui-router/wiki

Questions