Uma aplicação moderna e intuitiva para consulta de previsão do tempo em tempo real, desenvolvida com foco em usabilidade e design responsivo.
O Weather App é uma aplicação web que permite aos usuários consultar informações meteorológicas detalhadas de qualquer cidade do mundo. Com uma interface limpa e responsiva, o aplicativo fornece dados precisos sobre temperatura, umidade, velocidade do vento e condições climáticas atuais.
- 🔍 Busca de clima por nome da cidade
- 🌡️ Exibição de temperatura atual
- 💧 Informações de umidade
- 💨 Velocidade do vento
- 🌈 Ícones dinâmicos baseados nas condições climáticas
- 📱 Design totalmente responsivo
- ⚡ Atualização em tempo real
- HTML5
- CSS3
- JavaScript (ES6+)
- API de Clima (OpenWeatherMap/WeatherAPI)
- Navegador web moderno (Chrome, Firefox, Safari, Edge)
- Editor de código (VS Code recomendado)
- Node.js (opcional, para servidor de desenvolvimento)
- Clone o repositório:
git clone https://github.com/lancelot/weatherNow.git- Navegue até o diretório do projeto:
cd weather-app- Abra o arquivo
index.htmlno seu navegador ou use um servidor local:
# Se você tiver o Live Server instalado
npx live-server- Obtenha uma chave de API gratuita em OpenWeatherMap
- Crie um arquivo
config.jsna raiz do projeto (se necessário) - Adicione sua chave de API:
const API_KEY = 'sua_chave_api_aqui';- Abra a aplicação no navegador
- Digite o nome da cidade no campo de busca
- Pressione Enter ou clique no botão de busca
- Visualize as informações meteorológicas da cidade
weather-app/
│
├── src/
│ ├── index.css # Estilos principais
│ ├── script.js # Lógica da aplicação
│ └── index.html # Estrutura HTML
│
├── assets/
│ └── images/ # Ícones e imagens
│
└── README.md # Documentação
Contribuições são sempre bem-vindas! Para contribuir:
- Faça um Fork do projeto
- Crie uma branch para sua feature (
git checkout -b feature/MinhaFeature) - Commit suas mudanças (
git commit -m 'Adicionando nova feature') - Push para a branch (
git push origin feature/MinhaFeature) - Abra um Pull Request
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Assis Pires Neto
- GitHub: @lancellot
- LinkedIn: Assis Pires Neto
Para dúvidas ou sugestões, entre em contato através das redes sociais acima.
- OpenWeatherMap pela API de dados meteorológicos
- Generation Brasil pelo suporte e aprendizado
- Todos os contribuidores do projeto
⭐ Se este projeto foi útil para você, considere dar uma estrela!
💙 Desenvolvido com dedicação durante o programa Generation Brasil
