Skip to content

rbravo/riocameras

Repository files navigation

Rio de Janeiro - Mapa de Câmeras 🎥

Visualizador interativo das câmeras de monitoramento do Rio de Janeiro em mapa.

Preview Node License

🌟 Demo

🔗 Ver Demo Online

✨ Funcionalidades

  • 🗺️ 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

🚀 Como usar

Versão de desenvolvimento (com Node.js)

# Instalar dependências
npm install

# Iniciar servidor local
npm start

Acesse: http://localhost:3000

Build para produção

# Gerar versão estática
npm run build

Os arquivos prontos para deploy estarão na pasta build/

📦 Deploy

GitHub Pages (Automático)

# Deploy automático via script
npm run deploy

Ou configure GitHub Actions (arquivo já incluído em .github/workflows/deploy.yml)

🛠️ Tecnologias

  • Node.js + Express - Servidor de desenvolvimento
  • Leaflet - Biblioteca de mapas (open source)
  • OpenStreetMap - Tiles do mapa (gratuito)
  • Vanilla JS - Sem frameworks pesados

📁 Estrutura

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

🔄 Atualizar dados das câmeras

  1. Substitua o arquivo camera_api_json.json
  2. Execute npm run build
  3. Execute npm run deploy (se quiser publicar)

📝 Scripts disponíveis

npm start        # Inicia servidor de desenvolvimento
npm run build    # Gera build de produção
npm run deploy   # Deploy para GitHub Pages

🤝 Contribuindo

Contribuições são bem-vindas! Sinta-se à vontade para:

  1. Fazer fork do projeto
  2. Criar uma branch (git checkout -b feature/nova-funcionalidade)
  3. Commit suas mudanças (git commit -m 'Adiciona nova funcionalidade')
  4. Push para a branch (git push origin feature/nova-funcionalidade)
  5. Abrir um Pull Request

📄 Licença

MIT License - sinta-se livre para usar este projeto como quiser!

👤 Autor

Feito com ❤️ para a cidade do Rio de Janeiro


⭐ Se este projeto foi útil, considere dar uma estrela!

About

Mapa com as camera do Rio em tempo real

Resources

Stars

4 stars

Watchers

2 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors