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.
- Axios: Cliente HTTP baseado em promises para o navegador e Node.js;
- Styled-components: possibilita escrever códigos CSS dentro do JavaScript.
- Commitlint: Verifica se as mensagens do commit atendem ao formato Conventional commit
- Jest: biblioteca para escrita de testes em JavaScript;
- Testing library: permite testar componentes e hooks React sem depender dos detalhes de implementação.
Projeto criado utilizando o Vite juntamente com template react-ts.
- Clonando o projeto e instalando dependências:
git clone https://github.com/thenriquedb/desafio-front-end-builders
cd desafio-front-end-builders
yarn- Executando em ambiente de desenvolvimento
yarn dev- Executando os testes
yarn testA estrutura do projeto segue o padrão da estrutura modular. A ideia principal é que cada módulo que definimos tenha todo o código relacionado a ele e apenas o código do próprio módulo seja importado.
Quando temos vários módulos que precisam do mesmo código, podemos escrevê-lo em uma pasta compartilhada e importá-lo para os diferentes módulos. A regra fundamental a ser seguida é não importar código entre módulos.
Contém o código que será compartilhado entre módulos.
Contém componentes com casos de uso genérico que podem ser utilizados de diversas maneiras, por exemplo: botão, input,componente de layout entre outros.
Contém todo o código relacionado a funcionalidade do clima, como componentes, contextos, hooks, chamada a API entre outros.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent