Sobre | Funcionalidades | Tecnologias | Como visualizar | Licença
Este repositório é destinado ao teste da empresa NEO Estech, no qual consistia na criação de uma dashboard com três elementos principais: Chamados abertos, gráfico de temperatura e status da internet. Tudo isso com base em clientes e instalações específicas do usuário.
Além de possuir autenticação, a plataforma tem três funcionalidades principais: Mostrar os chamados abertos, gráfico de temperatura e status da internet atual.
A parte de gráficos é voltada para criação de gráficos utilizando a biblioteca "Recharts", onde foi possível criar um gráfico moderno, responsivo e personalizável, do qual mostra ao usuário o nível percentual de temperatura atual, como visto abaixo:
Além disso, a aba de chamados abertos é responsável por fazer uma chamada à API fornecida pela empresa, através do client-side, e mostrar esses dados ao usuário através de uma tabela feita com Ant Design, por ordem de data mais recente
Há também a parte de status da internet, na qual mostra, obviamente, o status atual da internet da instalação desejada, com design específico caso esteja online ou offline:
Este projeto foi criado com as seguintes tecnologias:
- JavaScript
- React
- Recharts
- TailwindCSS
- Ant Design
- Date FNS
- Highlight Words
- Axios
- Vite
Pelo seu terminal, execute os seguintes comandos para executar a aplicação localmente:
# Clone o repositório
git clone github.com/LeoHPC/teste-neo-estech.git
# Acesse a pasta do projeto
cd teste-neo-estech
# Instale as dependências
npm i
# Rode o projeto
npm run dev
# Acesse http://localhost:3000/Ou, simplesmente, clique aqui para ser redirecionado para o site da aplicação!
Um login de exemplo é:
{
"login": "testedev",
"password": "12345678"
}
Este projeto é licenciado sobre a licença MIT. Veja a LICENÇA para mais informações.
Feito com ❤ por Leonardo Henrique 😗 Contato