rafaelsangali / bem-weather

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

Bem Weather

O Desafio 🔎

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

o projeto etá disponível em:

https://bem-weather.vercel.app/

Requisitos do projeto 👷‍ :

• ✅ 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

Requisitos técnicos 🏗 :

• ✅ 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

Possíveis features 🧐 :

• 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

Expressões de gratidão 🎁

• Estou muito grato não só a finalização, mas também a todo aprendizado obtido.
• Obrigado 💚