Criei um app de clima moderno em HTML, CSS, JS

🎉 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 q…


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


This content originally appeared on DEV Community and was authored by ArthurDev


Print Share Comment Cite Upload Translate Updates
APA

ArthurDev | Sciencx (2025-11-17T14:04:58+00:00) Criei um app de clima moderno em HTML, CSS, JS. Retrieved from https://www.scien.cx/2025/11/17/criei-um-app-de-clima-moderno-em-html-css-js/

MLA
" » Criei um app de clima moderno em HTML, CSS, JS." ArthurDev | Sciencx - Monday November 17, 2025, https://www.scien.cx/2025/11/17/criei-um-app-de-clima-moderno-em-html-css-js/
HARVARD
ArthurDev | Sciencx Monday November 17, 2025 » Criei um app de clima moderno em HTML, CSS, JS., viewed ,<https://www.scien.cx/2025/11/17/criei-um-app-de-clima-moderno-em-html-css-js/>
VANCOUVER
ArthurDev | Sciencx - » Criei um app de clima moderno em HTML, CSS, JS. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/11/17/criei-um-app-de-clima-moderno-em-html-css-js/
CHICAGO
" » Criei um app de clima moderno em HTML, CSS, JS." ArthurDev | Sciencx - Accessed . https://www.scien.cx/2025/11/17/criei-um-app-de-clima-moderno-em-html-css-js/
IEEE
" » Criei um app de clima moderno em HTML, CSS, JS." ArthurDev | Sciencx [Online]. Available: https://www.scien.cx/2025/11/17/criei-um-app-de-clima-moderno-em-html-css-js/. [Accessed: ]
rf:citation
» Criei um app de clima moderno em HTML, CSS, JS | ArthurDev | Sciencx | https://www.scien.cx/2025/11/17/criei-um-app-de-clima-moderno-em-html-css-js/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts