image

Access unlimited bootcamps and 650+ courses

50
%OFF
Article image
Aracélia Santos
Aracélia Santos09/03/2025 13:36
Share
Nexa - Análise Avançada de Imagens e Texto com IA na AWSRecommended for youNexa - Análise Avançada de Imagens e Texto com IA na AWS

Previsão do Tempo em Brasília com Angular

  • #HTML
  • #TypeScript
  • #Bootstrap
  • #CSS
  • #API
  • #Angular

Se você ama tecnologia e também gosta de estar sempre preparado para qualquer mudança no clima (porque né, Brasília é cheia de surpresas ☀️🌧️🌨️), então vai curtir o meu novo aplicativo feito em Angular!

🌦️ O que esse app faz?

Este aplicativo exibe a previsão do tempo em Brasília de um jeito bonito e funcional! Além do clima para hoje, ele também traz as previsões para os próximos quatro dias, ajudando você a decidir se leva guarda-chuva ou se é dia de tomar muito líquido por causa da secura.

Temperatura atual e máxima/mínima do dia 🌡️

Velocidade do vento, porque ninguém quer ser pego de surpresa com um vendaval! 🌬️

Umidade do ar, essencial para os alérgicos e amantes de hidratação 🧐

Precipitação, para saber se vai precisar de capa de chuva ou umidificador ☔️

E um toque especial: As imagens mudam conforme o clima! Se o dia está ensolarado, você vê Brasília cheia de flores. Se está seco, a paisagem muda para aquele clássico tom amarelado. E se tem nuvens, elas aparecem para te lembrar que o tempo pode virar a qualquer momento. Legal, né? 👀🌍

📚 Como funciona?

Este projeto foi construído com Angular (claro, meu queridinho! 😍), utilizando TypeScript, HTML e CSS, além da poderosa API da OpenWeatherMap.

📊 O que é a OpenWeatherMap?

A OpenWeatherMap é uma API que fornece dados meteorológicos detalhados, em tempo real, de várias regiões do mundo. Ela é incrivelmente flexível e permite buscar informações como temperatura, previsão para os próximos dias, umidade, vento e muito mais. Tudo isso de forma acessível através de requisições HTTP.

O que fiz aqui foi conectar meu app a essa API, garantindo que os dados estejam sempre atualizados e confiáveis. E o melhor: toda essa informação chega ao usuário de uma forma bonita e intuitiva, graças ao poder do Angular CLI e de componentes bem estruturados! 💪👩‍💻

🛠️ Quer experimentar?

🌍 Testa aí e me diz o que achou!

Acesse o app: 🔗 Aqui

🌐 Curioso para ver o código?

Dá uma olhada no repositório: 🔗 Aqui

O desenvolvimento desse app envolveu arquitetura bem planejada, manipulação de APIs, estilização responsiva e uma boa dose de café. Se você também ama Angular e quer aprender mais, vale a pena dar uma conferida!

Share
Recommended for you
Decola Tech 2025
Ri Happy - Front-end do Zero
Desenvolvimento Frontend com Angular
Comments (1)
Matheus Oliveira
Matheus Oliveira - 09/03/2025 15:00

Muito bacana, Parabéns.

Recommended for you