SPA mobile first desenvolvido em React.js.
O usuário informa a cidade que deseja consultar as informações de clima atuais. Ao começar a digitar, uma database é consultada e as cidades que começam com o prefixo digitado são retornadas para o usuário em uma lista, classificadas por população. Após informar a cidade, informações como temperatura, descrição do clima e umidade são retornadas na tela.
As bibliotecas usadas foram:
- Para melhor organização do código e responsibilidade foi utilizado styled-components com styled-media-query
- Para a lista de cidades, foi usado o react-select
- Para fazer as requisições das APIs e retornar o resultado foi usado o axios
- Para atrasar o tempo entre requisições da API e evitar calls desnecessárias foi usado o lodash-debounce
- Para fazer as rotas, foi usado o react-router-dom
- As APIs utilizadas foram: GeoDB Cities e o OpenWeather
npm para instalar as bibliotecas
npm start para rodar o projeto
Demo aqui