/meu-time

Aplicação que permite checar informações a respeito de um plantel específico.

Primary LanguageTypeScript

Stargazers Issues LinkedIn

Meu Time

Uma aplicação web que permite obter as informações do seu time,
como plantel, formações mais utilizadas durante a temporada e mais.
Acessar Demo · Reporte um Bug · Solicite Recursos

Tabela de Conteúdo
  1. Sobre o Projeto
  2. Primeiros Passos
  3. Uso
  4. Contato

Sobre o Projeto

Product Name Screen Shot

Selecione um país, escolha um campeonato, decida entre uma temporada e um time e a aplicação fornecerá na sua tela informações sobre o time que você escolheu. Quais jogadores estavam contratados naquele ano, quais as formações mais utilizadas por essa equipe em suas partidas e até mesmo uma estatística a respeito das partidas do seu time do coração.

(Voltar ao topo)

Desenvolvido com:



React



(Voltar ao topo)

Primeiros Passos

Siga os passos abaixo para colocar o projeto em funcionamento na sua máquina local.
Atente-se aos pré-requisitos na seção abaixo, pois são extremamente importantes.

Pré-requisitos

  • npm
    Certifique-se de possuir a versão mais recente do NodeJS instalada em seu sistema. Caso não possua, clique aqui para ir ao site oficial do projeto e siga os passos indicados de acordo com o seu sistema operacional. Lembre-se, caso utilize Linux, há diversas variantes envolvidas, como, por exemplo, o empacotamento que varia e tende a mudar completamente de distribuição para distribuição.

  • git
    Instale o Git no seu sistema operacional. As mesmas informações citadas acima são válidas aqui. Busque a documentação do seu sistema operacional em caso de distribuições Linux. No caso do Windows, instale seguindo as orientações do site oficial, clicando aqui.

Instalação

  1. Clone esse repositório em um diretório de sua preferência. Para isso, execute em um terminal:
    git clone https://github.com/machadofguilherme/meu-time.git
  2. Entre no diretório clonado:
    cd meu-time
  3. Instale as dependências utilizadas pelo projeto utilizando o gerenciador de pacotes NPM, provido pelo NodeJS:
    npm i
  4. Execute o projeto:
    npm run dev

(Voltar ao topo)

Uso

Ao abrir a aplicação pela primeira vez, será solicitado que adicione uma chave API. Ela pode ser obtida, cadastrando-se em API Sports. Pegue a chave gerada automaticamente no Dashboard do sistema da API Sports e insira no campo da aplicação. O login será efetuado e você irá para a tela principal em uma rota /app. A aplicação é bem intuitiva, basta ir selecionando as informações desejadas e seguir clicando em "Próximo". Ao final, os dados da equipe de futebol escolhida serão mostradas na tela para você.

(Voltar ao topo)

Contato

Guilherme Machado - Linkedin - machadofguilherme@proton.me

GitHub: https://github.com/machadofguilherme/meu-time

(Voltar ao topo)