Visualizador interativo das câmeras de monitoramento do Rio de Janeiro em mapa.
- 🗺️ Mapa interativo com todas as câmeras do Rio de Janeiro
- 📍 Marcadores customizados para cada câmera
- 🎥 Visualização da câmera em popup ao clicar
- 🆓 100% gratuito e open source
# Instalar dependências
npm install
# Iniciar servidor local
npm startAcesse: http://localhost:3000
# Gerar versão estática
npm run buildOs arquivos prontos para deploy estarão na pasta build/
# Deploy automático via script
npm run deployOu configure GitHub Actions (arquivo já incluído em .github/workflows/deploy.yml)
- Node.js + Express - Servidor de desenvolvimento
- Leaflet - Biblioteca de mapas (open source)
- OpenStreetMap - Tiles do mapa (gratuito)
- Vanilla JS - Sem frameworks pesados
riocameras/
├── public/ # Arquivos da versão de desenvolvimento
│ └── index.html
├── build/ # Arquivos da versão de produção (gerados)
│ ├── index.html
│ ├── cameras-data.js
│ └── README.md
├── server.js # Servidor Express
├── build-script.js # Script de build
├── deploy-github.js # Script de deploy
└── camera_api_json.json # Dados das câmeras
- Substitua o arquivo
camera_api_json.json - Execute
npm run build - Execute
npm run deploy(se quiser publicar)
npm start # Inicia servidor de desenvolvimento
npm run build # Gera build de produção
npm run deploy # Deploy para GitHub PagesContribuições são bem-vindas! Sinta-se à vontade para:
- Fazer fork do projeto
- Criar uma branch (
git checkout -b feature/nova-funcionalidade) - Commit suas mudanças (
git commit -m 'Adiciona nova funcionalidade') - Push para a branch (
git push origin feature/nova-funcionalidade) - Abrir um Pull Request
MIT License - sinta-se livre para usar este projeto como quiser!
Feito com ❤️ para a cidade do Rio de Janeiro
⭐ Se este projeto foi útil, considere dar uma estrela!