O que é | Demonstração | Deploy | Protótipo | Tecnologias utilizadas | Execução local
O Meu Time é uma aplicação criada para consultar dados de um time, escolhendo seu país, liga e temporada ⚽. Ela utilizada os dados fornecidos pela API Football,
que na sua versão gratuita possui um limite de 100 requisições por dia. Como a nova versão do Next.js saiu há poucas semanas, aproveitei essa oportunidade para estudar as novidades dessa versão aplicando elas neste projeto. 🚀
Esta aplicação faz parte de um teste técnico da empresa Trade Technology.
A aplicação foi colocada em produção utilizando os serviços da Vercel, empresa responsável pelo Next.js, e pode ser acessada pelo link: https://meu-time-yuripiresalves.vercel.app/
Para a criação e organização da interface visual do projeto, utilizei o Figma para criar um protótipo que me guiasse durante o desenvolvimento e que tivesse uma boa experiência para o usuário, assim como uma interface simples e intuitíva. Para acessar o protótipo, clique aqui.
- ReactJS
- Next.js 13
- TypeScript
- Tailwind CSS
Para executar essa aplicação você precisará ter instalado em sua máquina o Git e Node.
Uma conta gratuita no site API Football precisará ser criada para obter uma API Key, que será usada como login na aplicação e também para realizar as requisições à API.
Após isso, siga os passos abaixo:
# No terminal, clone o repositório com o comando:
$ git clone https://github.com/yuripiresalves/meu-time
# Entre no diretório:
$ cd meu-time
# Instale as dependências
$ npm install
# Execute a aplicação:
$ npm run dev- A aplicação estará sendo executada na porta 3000 (http://localhost:3000)
Feito com 💙 por Yuri Alves