Repositório da interface web usada para visualização das informações de monitoramento da Upfinity.
- Dashboard em tempo real de métricas e alertas.
- Filtros por ATM, localidade.
- Histórico de alertas com exportação de relatórios.
- Autenticação de usuários e controle de permissões.
- Gestão de usúarios.
- Gestão de cargo.
- Gestão de frotas(ATMs).
- Responsividade par os diferentes tamanhos de tela.
- JavaScript
- HTML / CSS
- Node.js
- Express
- SweetAlert
- Chart.js
- Email.js
- ViaCep
Antes de iniciar, certifique-se de ter instalado:
-
Node.js (versão 18+ recomendada)
-
npm (gerenciador de pacotes do Node.js)
-
Um banco de dados compatível (ex.: MySQL, PostgreSQL, MongoDB) conforme configuração do projeto
monitoramento-atm-web/
│
├── node_modules/ # Dependências do projeto
├── public/ # Arquivos públicos (front-end)
│ ├── assets/
│ │ ├── fonts/
│ │ ├── icons/
│ │ └── images/
│ ├── css/
│ ├── js/
│ ├── cadastro.html
│ ├── index.html
│ ├── login.html
│ └── home.html
│
├── src/ # Código-fonte
│ ├── controllers/ # Lógica de controle
│ ├── database/ # Configuração do banco de dados
│ ├── models/ # Modelos do banco de dados
│ └── routes/ # Rotas da aplicação
│
├── .env # Variáveis de ambiente (produção)
├── .env.dev # Variáveis de ambiente (desenvolvimento)
├── .env.example # Exemplo de variáveis de ambiente
├── app.js # Arquivo principal do servidor
├── package.json # Configurações do projeto e dependências
├── package-lock.json
└── README.md
Instalar dependências:
npm install
Configurar variáveis de ambiente:
Crie os arquivos .env e .env.dev na raiz do projeto com suas credenciais. Um exemplo de .env.example está disponível.
Exemplo .env:
DB_HOST=localhost
DB_USER=root
DB_PASSWORD=senha123
DB_NAME=atm_monitoramento
PORT=3000
Rodar o projeto:
npm start
Ou, caso tenha script de desenvolvimento (com nodemon):
npm run dev
Acesse a aplicação no navegador em:
http://localhost:3000
Mais detalhes sobre as métricas e requisitos estão na documentação principal disponivél nas pasta do one drive.