Monitoramento inteligente para a Indústria 4.0
O Tool & Tech é uma solução Fullstack para gestão de ativos industriais. O sistema centraliza o controle de sensores IoT, permitindo o monitoramento de status em tempo real, geolocalização de dispositivos e gestão hierárquica de ambientes.
O projeto segue uma arquitetura cliente-servidor desacoplada (SPA), garantindo escalabilidade e separação de responsabilidades.
graph LR
A[Usuário / Gestor] -->|Acessa via Browser| B(Frontend - React.js)
B -->|Requisições HTTP / Axios| C{API Gateway - Django}
C -->|Autenticação JWT| D[Sistema de Segurança]
C -->|CRUD & Queries| E[(Banco de Dados - SQLite)]
C -->|Processamento de Dados| F[Serializers & Views]
- Dashboard (Visão Geral)
- Gestão de Sensores
- KPIs em tempo real e gráficos de distribuição
- Filtragem avançada e status operacional
O sistema já está configurado com um usuário administrador padrão.
Utilize as credenciais abaixo para acessar a aplicação:
| Campo | Valor |
|---|---|
| Email / Usuário | senai |
| Senha | 123 |
Este projeto é dividido em Backend (API) e Frontend (Interface). Siga os passos abaixo na ordem.
- Node.js e npm
- Python 3.10+
- Git
Entre na pasta do backend:
cd backCrie e ative o ambiente virtual:
# Windows
python -m venv env
.\env\Scripts\activate
# Linux/Mac
python3 -m venv env
source env/bin/activateInstale as dependências:
pip install -r requirements.txtInicie o servidor:
python manage.py runserverO Backend estará disponível em:
http://127.0.0.1:8000/
Abra um novo terminal e entre na pasta do frontend:
cd frontInstale as dependências:
npm installInicie o projeto:
npm run devO Frontend estará disponível em:
http://localhost:5173/
| Método | Endpoint | Descrição | Requer Token |
|---|---|---|---|
| POST | /api/token/ |
Login – Gera tokens de acesso e refresh | ❌ Público |
| GET | /api/sensores/ |
Lista todos os sensores cadastrados | ✅ Sim |
| POST | /api/sensores/ |
Cria um novo sensor (vinculado a um Ambiente) | ✅ Sim |
| GET | /api/dashboard/ |
Retorna dados consolidados para gráficos e KPIs | ✅ Sim |
Nota: o endpoint de token é público por ser a porta de entrada da autenticação inicial.
- React.js
- Vite
- Axios
- CSS modularizado
- Django
- Django REST Framework
- JWT Authentication
- SQLite
Tool-Tech/
├── back/ # API Django
│ ├── sensores/ # App principal (Models, Views, Serializers)
│ ├── setup/ # Configurações do projeto
│ └── db.sqlite3 # Banco de dados
│
└── front/ # Interface React
├── src/
│ ├── components/ # Botões, Modais, Cards
│ ├── pages/ # Dashboard, Login, Sensores
│ ├── services/ # Configuração do Axios (API)
│ └── layouts/ # Estrutura base (Sidebar + Header)O projeto está em constante evolução. Próximos passos planejados:
- Integração MQTT (ESP32 / Arduino)
- WebSockets para atualização em tempo real
- Tema escuro (Dark Mode)
Projeto desenvolvido por Ketlyn Lorrayne Niza de Araújo
Curso Técnico em Desenvolvimento de Sistemas – SENAI
Licença MIT.