Projeto Angular - Monitoramento de Logs Internos

Descrição

Este projeto é um formulário em Angular que retorna uma tela de monitoramento de logs internos de um mock. Toda a lógica de renderização é feita pelo front-end de acordo com o retorno do mock. A maior dificuldade deste projeto foi criar métodos para trabalhar com os dados, pois o mock não tem um padrão definido.

Tecnologias Utilizadas

Angular
TypeScript
HTML
CSS (com SCSS)
Bootstrap
RxJS

Conceitos Utilizados

SOLID

Como rodar o projeto

Certifique-se de ter o Node.js instalado em sua máquina.
Clone este repositório em sua máquina local.
Abra o terminal na pasta do projeto.
Execute o comando npm install para instalar as dependências do projeto.
Execute o comando npm install --force para instalar as dependências do projeto.
Execute o comando ng serve para iniciar o servidor de desenvolvimento.
Abra o navegador e acesse o endereço http://localhost:4200.

Mock logs

Os dados dos logs são fornecidos por um mock. Para mais detalhes sobre o mock, acessar https://run.mocky.io/v3/2bdad3bd-07cc-4aac-bf9d-c64bd4d61ffa/.

Conclusão

Este projeto é um exemplo de como criar uma tela de monitoramento de logs internos em Angular, utilizando os conceitos SOLID, RxJS, Bootstrap e SCSS. Embora tenha havido dificuldades ao trabalhar com o mock, foi possível criar métodos que permitem a exibição dos dados de forma eficiente.