FrontEnd do projeto de Esteira de análise

Esta interface tem como objetivo atuar como aplicação web que permite os responsáveis pelo maquinário da esteira de análise acessarem informações como: quantidades de análises realizadas, quantidades de placas aceitas e recusadas, informações a respeito do forno e a configuração de uma funcionalidade da IA.

Apresentação do produto

Ferramentas utilizadas

• React.js
• MUI
• Styled components
• React Google Charts
• Testing library

Como executar

Dependências necessárias

Para executar o projeto há dois modos possíveis:

• O primeiro você pode optar por instalar o docker e o docker em sua máquina.

• O segundo modo é realizando a instalação do Node e do NPM em sua máquina.

Após realizar essa instalação apenas siga os comandos de execução abordados logo abaixo.

Utilizando docker-compose

Uma forma fácil de utilizar o projeto é utilizando docker-compose. Para isso apenas use o comando abaixo

 docker-compose up --build

Utilizando npm

Outra forma fácil de utilizar o projeto é utilizando NPM. Para isso apenas use os comandos abaixo

• Instale as dependências

 npm install

• Execute o projeto

 npm start

Rodando em sua máquina local

Após seguir os comandos anteriores, o frontend estará rodando em sua máquina na porta 3000, desse modo apenas abra http://localhost:3000 para poder visualizá-la em seu navegador padrão.

Rodando os testes

Uma forma fácil de executar os testes automatizados é simplesmente utilizando o NPM novamente. Para isso apenas use os comandos abaixo

• Execute o comando

 npm test