README

Overview

loopback-angular-ui-router is a starter pack for creating websites hosting a LoopBack REST API presented using an AngularJS and Bootstrap (CSS) frontend. It aims to scaffold the construction of a full-stack website and aid the developer by offering a simple user experience to do that. All the hard stuff is already taken care of for you by a toolchain of robust, popular and conceptually similar libraries and tools.

Features

Bootstrap, Angular and UI Router responsive frontend

Take advantage of AngularJS 1.4.0, one of the most popular JavaScript SPA frameworks out there. Use two-way data-binding, heirarchical routing, and the excellent REST API interface provided by this module to create a great user experience.

Bootstrap CSS gives you a familiar toolkit to begin laying our your site, and you don’t have to know SASS to work with it. Want to include Bootstrap’s JS features?

npm install --save jquery

and add jQuery as a script in index.html. Want to replace bootstrap all together?

npm uninstall --save bootstrap

then remove the script tag from index.html. Use whatever tools suit you best, without a fight.

Includes html5-boiler-plate and es5-shiv to polyfill older browsers’ JS features while building toward web standards.

Grunt frontend build process

Keep your production website’s footprint small without a ton of work by letting build automation do that for you. The grunt command line build tool makes development, testing, and preparation for deployment all fairly straightforward.

The AngularJS frontend was generated by Yeoman using generator-angular-ui-router, which provides an easy-to-use by extremely mature build process that runs jshint and karma/jasmine tests each time grunt is called. It concatenates, minifies, and respects the script include order as defined in index.html.

grunt is widely accepted, written with CommonJS and has a huge task ecosystem. There are many package managers, but this one is here to stay, so stop worrying about your build tool becoming obselete and just do something for once!

Use Strongloop Arc and command line generators

run slc arc to launch Strongloop Arc – a GUI editor for your LoopBack model relationships, datasources, middleware and REST API. Building an API has never been simpler.

Use slc loopback:<command> at the command line to create LoopBack models, datasources, boot-scripts and more. Read the slc loopback manual.

Use yo angular:<command> at the command line to create AngularJS views, controllers, services and more. Read the

Automates REST glue code with loopback-sdk-angular

Automatically generate injectable ngResources in AngularJS for any model exposed by the LoopBack REST API each time you run grunt or grunt loopback. The task manager runs grunt-loopback-sdk-angular to update your injectable ngResource services so you don’t have to.

Contrbutors

Jeff Rose, @DigiMachinist