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!