O Bem Weather é uma aplicação de previsão do tempo que permite aos usuários obter informações meteorológicas de diferentes cidades em tempo real. Desenvolvido com Angular e Material Design, o aplicativo integra-se com a API OpenWeatherMap
https://bem-weather.vercel.app/
- ✅ Interface de usuário amigável - Utilizando diretrizes do Material Design.
O principal desafio foi garantir uma interface de usuário intuitiva e esteticamente agradável, seguindo as diretrizes do Material Design
- ✅ Integração com API OpenWeatherMap
A parte que não enfrentei difuculdades deste projeto foi a integração da API OpenWeatherMap, devido à sua documentação intuitiva e abrangente.
- ✅ Integração com Leaflet
A integração do Leaflet à nossa aplicação foi uma etapa bastante tranquila, em grande parte devido à qualidade da sua documentação e ao amplo suporte da comunidade. O Leaflet é conhecido por sua facilidade de uso e recursos poderosos de mapeamento interativo.
- ❌ Integração com API do Nominatim.
A própria API do OpenWeather fornece um endpoint para pesquisa de cidade com o retorno de suas coordenadas, então decidi centralizar a integração.
- ✅ Busca por Cidade - Permita que os usuários pesquisem a previsão do tempo de diferentes cidades digitando o nome da cidade em um campo de busca.
Essa funcionalidade implementada permite o usuário pesquisar qualquer cidade do mundo, e integrada com Leaflet, também apontara no mapa a cidade solicitada
- ✅ Exibição da Previsão do Tempo.
A partir da pesquisa pela cidade, é exibido as informações sobre do temper atura atual, temperatura máxima e mínima, umidade,velocidade do vento e descrição do clima.
- ✅Ícones de Clima.
Utilizando a biblioteca Font Awesome, pode adicionar ícones intuitvos a respeito das informações
- ✅ Feedback de Carregamento.
Foi construido um skeleton para quando o usuário realize a pesquisa, tenha um feedback visual de que está carregando
- ✅ Tratamento de Erros.
Caso ocorra algum erro de requisição, exibira um dialog informando que ocorreu o erro, e também o tratamento de informações
- ✅ Utilize Angular 8+ para o desenvolvimento do aplicativo.
Foi utilizado Angular v16
- ✅ Utilize Material Design para criar uma interface de usuário consistente e agradável.
Foi utilizado o Angular Material Design
- ✅ Utilize TypeScript para o desenvolvimento do projeto.
Foi utilizado typescript para tipagem de funções de dados internos e externos
- ✅ Siga as melhores práticas de desenvolvimento, incluindo organização de código, modularização e padrões de projeto.
Foi seguido a arquitetura e organização própria do angular, mas também segregando as funcionalidades por responsabilidade e para possível escalonamento do projeto
- Fornecer visualização do clima por periodo
Pela própria documentação da API OpenWeather é possível obter dados referente a um dia espifico ou periodo
- Contexto do clima da semana
A ideia séria implementar uma visualização por gráfico para que o usuário possa visualizar a movimentação das temperaturas
- Estou muito grato não só a finalização, mas também a todo aprendizado obtido.
- Obrigado 💚