pedropaivadev / tt-trade-tech Goto Github PK

Este é um projeto Next.js feito com create-next-app.

Este projeto foi desenvolvido para atender ao teste técnico, do processo seletivo de concorrência à vaga de Desenvolvedor Front-End da empresa Trade Technology.

O primeiro procedimento, foi ler a documentação da API e verificar o seu funcionamento. A princípio foi feita a tentativa de conexão utilizando a url padrão (https://v3.football.api-sports.io/), mas aparentemente essa forma está desativada, então foi necessário utilizar a segunda opção oferecida pela documentação, que é a url (https://api-football-v1.p.rapidapi.com/v3/).

Em seguida, foi criado um custom hook useLocalStorage, para armazenar a chave de acesso no browser, desse modo não foi preciso digitar a chave a cada reload e tornou mais produtivo o desenvolvimento.

O endpoint "timezone" da API foi utilizado provisoriamente, para fazer a verificação da chave da API. Essa verificação foi feita por um componente SignIn e um componente Button, que retorna ao usuário uma mensagem de sucesso ou falha, na verificação da chave de acesso.

Primeiro, rode o servidor de desenvolvimento:

npm run dev
# or
yarn dev
# or
pnpm dev

Abra o http://localhost:3000 com o seu browser e veja os resultados.

Você pode começar editando a página, modificando o arquivo app/page.tsx. A página irá auto-atualizar, quando você salvar as edições feitas no arquivo.

Este projeto usa next/font para automaticamente otimizar e carregar "Inter", uma fonte customizada do Google.