This section expects Node.js and npm to have been already installed using the Technical requirements section. We will be using the Angular CLI to simplify the development because it helps to create new Angular projects, generate code, and so on.

The Angular CLI can be installed using the following command, and more information about it can be found at https://cli.angular.io:

npm install -g @angular/cli

Now, the Angular client stub project can be created by issuing the following command:

ng new frontend

Now, the stub project is created and all the necessary source code and configuration files will be available inside a directory named frontend, which will have roughly the following structure:

frontend/
 ├── src/
 │        ├── app/
 │        ├── assets/
 │        ├── environments/
 │        └── index.html
 └── package.json

Also, Angular Material will be used to simplify layout design and to provide themes that can be installed using the following command, after going into the frontend generated directory:

npm install --save-exact @angular/[email protected] @angular/[email protected]

Angular Material helps to develop applications that look good on any device, and it has very detailed documentation at https://material.angular.io.