For this chapter, we are going to look at one particular type of single-page application for international governments called a caseworker system. The business users of the caseworkers will sit on desks, and for the majority of their day, process applicants through stages of applying for a product.

The following is a screenshot of the application:

Screenshot of the caseworker application, xen national force

The application is called xen-national-force, and it is designed to process passports through a miniature workflow. It is far from serving the requirements of a true business application. For example, there is no user input security implemented in order to keep things as simple as possible. It works very well for only one caseworker and there is a very obvious design flaw from the user-experience side. However, the xen-national-force application demonstrates how to build a system having master-detail records with CRUD operations using AngularJS, and it features...