ClimateAPP é uma aplicação web moderna para consulta de previsão do tempo, desenvolvida com Next.js e TypeScript. O aplicativo oferece uma interface intuitiva e elegante com efeitos visuais dinâmicos que representam as condições climáticas em tempo real.
- 🔍 Busca de cidades com autocompletar
- 🌡️ Temperatura atual e sensação térmica
- 📅 Previsão para os próximos 7 dias
- 🌪️ Detalhes meteorológicos (umidade, vento, pressão)
- ⚡ Alertas de condições climáticas severas
- 🎨 Efeitos visuais dinâmicos baseados no clima
- 🕒 Relógio local em tempo real
- 📱 Design responsivo
- 🌍 Globo interativo 3D com:
- Localização do usuário em tempo real
- Textura de alta resolução
- Atmosfera dinâmica
- Rotação automática suave
- 🛰️ Radar meteorológico em tempo real:
- Visualização de precipitação
- Animação temporal do radar
- Controles de reprodução
- Múltiplas camadas de mapa
- Zoom automático para localização
- Next.js 14
- React 18
- TypeScript
- Tailwind CSS
- Lucide Icons
- Visual Crossing Weather API
- Three.js
- React-Globe.GL
- Leaflet
- RainViewer API
O aplicativo inclui vários efeitos visuais dinâmicos:
- RainEffect: Simulação realista de chuva
- SunEffect: Efeito de luz solar
- CloudEffect: Nuvens animadas em movimento
- WindEffect: Visualização de vento
- HazeEffect: Efeito de neblina
- FreezingRainEffect: Chuva congelada
- ThunderstormEffect: Tempestade com raios
- Informações detalhadas:
- Temperatura máxima e mínima
- Velocidade e direção do vento
- Umidade relativa do ar
- Pressão atmosférica
- Probabilidade de precipitação
O ClimateAPP é totalmente responsivo e se adapta a diferentes tamanhos de tela:
- 📱 Mobile
- 💻 Tablet
- 🖥️ Desktop
- Clone o repositório:
git clone https://github.com/heryckmp/climateAPP.git- Instale as dependências:
cd climateAPP
npm install- Configure as variáveis de ambiente:
cp .env.example .env.local- Adicione sua chave da API Visual Crossing no arquivo
.env.local:
VISUAL_CROSSING_API_KEY=sua_chave_aqui- Inicie o servidor de desenvolvimento:
npm run dev- Acesse
http://localhost:3000
Contribuições são sempre bem-vindas! Sinta-se à vontade para:
- Fazer um fork do projeto
- Criar uma branch para sua feature (
git checkout -b feature/AmazingFeature) - Commit suas mudanças (
git commit -m 'Add: Amazing Feature') - Push para a branch (
git push origin feature/AmazingFeature) - Abrir um Pull Request
Erick Moreira - @heryckmp
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
- Visual Crossing pela API de previsão do tempo
- Lucide pelos ícones
- RainViewer pela API do radar meteorológico
O aplicativo inclui um globo terrestre 3D interativo com recursos avançados:
- Visualização da localização do usuário em tempo real
- Textura realista da Terra em alta resolução
- Efeitos de relevo e topografia
- Atmosfera dinâmica com gradiente de cores
- Iluminação realista com reflexos nos oceanos
- Rotação automática suave
- Interatividade com zoom e rotação
- Marcador personalizado para localização atual
O aplicativo oferece um radar meteorológico interativo com recursos avançados:
- Visualização em tempo real da precipitação
- Animação temporal com controles de reprodução (play/pause/avançar/retroceder)
- Múltiplas camadas de mapa:
- Mapa padrão
- Visualização por satélite
- Satélite com rótulos
- Zoom automático para a localização do usuário
- Atualização automática a cada 5 minutos
- Interface intuitiva com controles de tempo
- Marcador de localização atual
- Escala de tempo com horários