🎯 Desenvolva um aplicativo que consuma a localização atual do usuário e exiba na interface o endereço atual os dados climáticos da região e um botão para atualizar os dados.
- Para fazer essa busca, pode-se usar a API do Open Weather Map.
- Utilizar React
- É permitido o uso de outras libs
- Anexar
Print Screen
no Readme
- Repositório no GITHUB
- Documentação
- Arquitetura
- Documentação
- Interface
- Testes
Ao entrar na aplicação ela ira pedir permissão de localização, após isso ira para a tela de loading.
Se de erro no fetching com a api vai para a tela de erro.
E se o fetching for com sucesso ira disponibilizar os dados na tela.
- Os dados se atualizam automaticamente ao voltar o focus para a página
- Refetching com o botão atualizar.
- Design responsivo
Instala dependências.
roda o projeto.
roda os testes.
react
typescript
material-ui
react-query
axios
react-testing-library
Criei o projeto através do create-react-app com o template do typescript. Dentro da pasta src foi onde alterei a arquitetura.
Armazena todas as telas do projeto com o seus componentes.
Local onde é definida as rotas do projeto.
Local onde fica todas as imagens do projeto.
Local onde fica todos os components que podem ser usado em qualquer lugar da aplicação.
Local onde fica todos os hooks da aplicação.
Local onde configurei a minha chamada da api e criei os arquivos onde será feita as chamadas.
Local onde armazenarei o tema padrão e o layout base da aplicação.
Local onde armazenarei todas as funções que podem ser reaproveitadas no projeto.