Um modelo inicial completo: exemplo de estrutura de aplicativo sob medida para escabilidade e boas praticas de desenvolvimento com Clean Code, SOLID, Clean Architecture e Orientação a Objetose código para cada coisa comum necessária em projetos corporativos, como testes de unidade, roteamento, autenticação, extensões de serviço HTTPS, suporte a i18n com alteração dinâmica de idioma e detecção automática de idioma do usuário

Baixe o repositório:

git clone https://github.com/leandro-mancini/angular-clean-architecture.git

Dados de autenticação do usuário:

Usuário: test
Password 123

1. Instale as dependências:

npm install

2. Inicie o servidor de desenvolvimento e abra localhost:4200 em seu navegador:

npm start

3. Instalar o JSON Server:

npm install -g json-server

4. Abra um novo terminal e inicie o servidor JSON:

npm run server

| - app
| | - core
| | | - domain
| | | | - [+] entity
| | | - interfaces
| | | | - [+] controllers
| | | | - [+] entity
| | | | - [+] message
| | | | - [+] repository
| | | | - [+] usecases
| | | | - [+] validations
| | | - [+] message
| | | - [+] usecases
| | | - core.module.ts
| | - data
| | | - [+] repository
| | | - data.module.ts
| | - infra
| | | - [+] auth
| | | - [+] http
| | | - [+] translations
| | | - infra.module.ts
| | - presentation
| | | - [+] base
| | | - [+] controllers
| | | - [+] pages
| | | - [+] shared
| | | - presentation.module.ts

A automação de tarefas é baseada em scripts do NPM scripts.

O modelo do aplicativo é baseado em HTML5, TypeScript e Sass. Os arquivos de tradução usam o formato JSON comum .

Os processos de desenvolvimento, construção e qualidade são baseados em scripts angular-cli e NPM scripts, que incluem:

• Processo otimizado de compilação e empacotamento com o Webpack
• CSS entre navegadores com autoprefixer e browserslist
• Testes de unidade usando Jasmine e Karma
• Testes de ponta a ponta usando Protractor
• Análise de código estático: TSLint, Codelyzer, Stylelint e HTMLHint

• Angular
• Material Angular
• Bootstrap 4
• RxJS
• ngx-translate
• Lodash
• Moment
• AutoMapper
• Fluent validator
• Jasmine
• chai
• Cucumber
• Storybook

1. Abra um novo terminal e inicie o servidor JSON:

npm run server

2. Inicie o servidor de test:

npm run test

3. Vá para a pasta do projeto web ./coverage.

4. Execute o arquivo index.html para poder visualizar o code covarage:

1. Abra um novo terminal e inicie o servidor JSON:

npm run server

2. Inicie o servidor de test:

npm run e2e

3. Após ter executado todo o teste vá para a pasta do projeto web ./e2e/reports/html.

4. Execute o arquivo cucumber_reporter.html para poder visualizar um dashboard do cucumber dos steps de cada teste.