This content originally appeared on DEV Community and was authored by ArthurDev
Olá, devs! Hoje quero compartilhar um projeto que fiz: um App de Clima totalmente funcional, moderno e responsivo, usando HTML, CSS e JavaScript, integrado com a API do OpenWeatherMap.
Sobre o App
O app permite:
- Consultar o clima em qualquer cidade do mundo.
- Ver detalhes como temperatura, sensação térmica, vento, umidade, pressão, nascer/pôr do sol.
- Background dinâmico que muda conforme o clima (ensolarado, nublado, chuva, neve, etc.).
- Ícones animados para uma experiência mais interativa.
- Totalmente responsivo, funciona bem em desktop, tablet e celular.
- Busca rápida com Enter ou botão, com tratamento de erros para cidades não encontradas.
Tecnologias usadas
- HTML5: Estrutura semântica e acessível.
- CSS3: Layout moderno, flexbox, media queries e animações.
- JavaScript: Consumo da API do OpenWeatherMap e manipulação dinâmica do DOM.
- OpenWeatherMap API: Dados do clima em tempo real.
Links
- Teste o app online: Clima App
This content originally appeared on DEV Community and was authored by ArthurDev