Projeto acadêmico desenvolvido como parte do Desafio Profissional da Universidade Cesumar (UNICESUMAR), com foco na aplicação prática de tecnologias web para resolver problemas sociais reais — neste caso, alertas de enchentes e chuvas intensas.
O SAFERAIN é um sistema web interativo que permite consultar dados meteorológicos em tempo real, com foco na prevenção de enchentes e disseminação de alertas climáticos. Ele oferece uma interface simples e informativa, ideal para usuários finais e gestores públicos locais. Também serve como ferramenta didática para estudar o consumo de APIs e o desenvolvimento full stack com boas práticas de segurança.
Desenvolver uma aplicação capaz de alertar sobre riscos climáticos, informando a população sobre chuvas intensas, seu volume recente e os níveis de risco de enchente associados. O sistema também permite o compartilhamento imediato de alertas via WhatsApp, promovendo a comunicação entre comunidades e facilitando decisões preventivas em tempo hábil.
- 🔎 Busca por cidade (ex:
São Paulo,Curitiba,BR) - ☁️ Condição climática e temperatura atual
- 💧 Volume de chuva das últimas 3 horas
- 📊 Cálculo automático do nível de risco:
Sem risco,Baixo,Médio,Alto - 📢 Exibição de alertas com cores e textos personalizados
- 🌧️ Animação de chuva com intensidade dinâmica
- 📱 Compartilhamento do alerta via WhatsApp
- 🧪 Modo de teste para simular emergências
- Frontend:
HTML5,CSS3,JavaScript - Backend:
Node.js,Express,Axios - API: OpenWeatherMap
- Hospedagem de código:
GitHub - Controle de variáveis sensíveis:
.env
- Node.js instalado
- Editor como VS Code
- Extensão Live Server (ou qualquer servidor local para frontend)
saferain_project/
├── client/ ← Código do site (HTML/CSS/JS)
├── server/ ← Backend Node.js para proteger a API key
├── .gitignore
├── package.json
- Acesse a pasta do projeto no terminal:
cd saferain_project- Instale as dependências do servidor:
npm install- Crie um arquivo
.envdentro da pastaserver/com o seguinte conteúdo:
OPENWEATHER_API_KEY=SUA_CHAVE_DA_API_AQUI- Inicie o servidor backend:
node server/server.jsO servidor ficará disponível em: http://localhost:3000