App Meu Time⚽

Sobre📖

Esse projeto realiza consultas na API-FOOTBALL trazendo informações sobre ligas e copas ao redor do mundo.

⚠️ ATENÇÃO‼: o endpoint que está sendo utilizado para realizar as consultas na API é o a do RAPIDAPI para a key ser válida deverá ter sido gerar por aqui.

https://api-football-v1.p.rapidapi.com/v3/

Fluxograma feito no FigmaJam💭

Este fluxograma foi criado com a finalidade de demonstrar a regra de negócio


Protótipo no Figma🎨

Este protótipo foi criado com a finalidade de me basear no que deveria fazer e aonde iria cada componente.


🌎 Deployed

Deploy realizado na vercel.

https://meu-time-app-eight.vercel.app 🚀

⚙ Stacks utilizadas

📚Bibliotecas utilizadas


▶️ Como rodar o projeto

Para rodar o projeto você precisar ter o NodeJs instalado.

O projeto foi criado com gerenciador de pacotes yarn rode o script abaixo ou utilize o npm

npm install --global yarn

Clone o projeto

  git clone https://github.com/Nils0n/meu-time-app.git

Entre no diretório do projeto

  cd meu-time-app

Copie e renomei o arquivo .env-example para .env.local

cp .env-example .env.local ou para windows: copy .env-example .env.local

Instale as dependências

 yarn  ou npm install

Inicie o servidor

  yarn dev ou npm run dev

Rodando com docker

Certifique-se de estar na pasta raíz do projeto onde se encontra o arquivo Dockerfile

  cd meu-time-app

Crie uma imagem através do Dockerfile, substitua "nome_imagem" pelo nome que desejar

docker build -t nome_imagem .

Agora levante um container através da imagem criada, lembre de utilizar o mesmo "nome_imagem" que você criou e sete a porta como 5173, porta que está configurada no projeto.

docker run -p 5173:5173  nome_imagem

Acesse a url http://localhost:5173/ e desfrute da aplicação ❤️


Screenshots📸

image image image