Sinallex 🚦 O Sinallex é uma plataforma desenvolvida para a gestão e reporte de problemas relacionados com a sinalização e infraestrutura urbana. O sistema permite que utilizadores façam denúncias de problemas nas vias e que administradores façam a gestão de solicitações e licitações.
🚀 Tecnologias Utilizadas Frontend React.js: Biblioteca principal para a interface.
Vite: Ferramenta de build e desenvolvimento.
Leaflet: Biblioteca para mapas interativos.
Supabase: Integração com serviços de autenticação e base de dados.
CSS3: Estilização modular por componente.
Backend Python / Flask: API para processamento de dados e serviços como envio de e-mails.
Supabase (PostgreSQL): Base de dados e autenticação.
📂 Estrutura do Projeto Plaintext sinallex/ ├── backend/ # API Flask e lógica de servidor ├── frontend/ # Aplicação React (Vite) └── ... 🛠️ Como Executar o Projeto Pré-requisitos Node.js instalado
Python 3.x instalado
Conta no Supabase (com as chaves de API)
- Configurar o Backend Navegue até à pasta do backend:
Bash cd backend Crie um ficheiro .env com as seguintes variáveis:
Snippet de código SUPABASE_URL=sua_url SUPABASE_KEY=sua_chave_anonima EMAIL_USER=seu_email@exemplo.com EMAIL_PASS=sua_senha_app Instale as dependências (se houver um requirements.txt) e execute:
Bash python app.py 2. Configurar o Frontend Navegue até à pasta do frontend:
Bash cd frontend Instale as dependências:
Bash npm install Configure o ficheiro .env com as credenciais do Supabase:
Snippet de código VITE_SUPABASE_URL=sua_url VITE_SUPABASE_ANON_KEY=sua_chave_anonima Inicie a aplicação:
Bash npm run dev 📱 Funcionalidades Utilizador Comum:
Visualização de problemas no mapa interativo.
Criação de denúncias e solicitações sobre sinalização.
Gestão de perfil e consulta de denúncias próprias.
Administrador:
Painel de controlo (Dashboard) geral e de licitações.
Gestão de denúncias e solicitações pendentes.
Cadastro e controlo de licitações para reparos.