Implementando uma Aplicação SPA com Angular 6 e Bootstrap 4 e Angular Material - [Parte 1]

Olá Pessoal!
Essa é a primeira de várias séries que pretendo publicar para ajudar a galera que está iniciando na área de desenvolvimento WEB.

Minha meta é ser o mais objetivo possível deixando a parte teórica como "lição de casa" para vocês estudarem e aumentarem o conhecimento.

Teremos como missão, desenvolver uma SPA (aplicação de página única) para gerenciamento financeiro pessoal usando Angular 6. 

Sobre o projeto:

Ao término dessa série,  teremos criado um CRUD , com os seguintes recursos:

•  - Cadastro de clientes;
•  - Acesso à conta de usuário;
• -  Fluxo de Entrada;
• -  Fluxo de Saída;
• -  Saldo Atual;
  -  Gráficos;

Não iremos usar nenhuma linguagem de Backend,  e não faremos persistência em bancos de dados, pois o foco dessa série é FrontEnd, portanto, salvaremos as informações no LocalStorage do navegador.

Pré-requisitos

• - Node.js (v10.9.0)
• - Angular 6 (v6.0.9)
• - Angular material (v6.3.3)
• - Bootstrap ( v4.1.2)
• - JSON Server (v0.14.0)
• - IDE Eu vou utilzar o IntelliJ, mas você pode usar seu editor preferido.