Índice de conteúdo
Esse projeto foi proposto como teste em um processo seletivo para Desenvolvedor Front-End.
Os objetivos do projeto giravam em torno do desenvolvimento do front-end da pagina descritiva sobre o elenco do Clube Palmeira, vencedor da Libertadores de 2021. O projeto foi desenvolvido seguindo fielmente o design disponibilizado, sendo vedado, o uso de frameworks CSS. Os objetivos incluíam, também, o emprego de tecnologias JavaScript e de pré-processadores de CSS para o desenvolvimento.
- Modal com navegação e dados detalhados dos jogadores
- Exibição de jogadores em grid
- Filtragem por posição do jogador
- Filtragem por idade do jogador
- Filtragem por gol feito
- Filtragem de jogadores que jogaram na final
- Gráfico de estatisticas do jogador (quantidade de gols e jogos realizados)
Antes de começar, você precisará ter instalado em sua máquina as seguintes ferramentas:
- Baixe este repositório
- Acesse a pasta raiz do repositório baixado através do CLI (Command Line Interface, Interface de Linha de Comando: cmd, PowerShell, bash, etc)
- Execute o seguinte comando e aguarde a instalação das dependências do projeto:
npm install- Execute o seguinte comando para iniciar o projeto:
npm run start- Aguarde a abertura automática do seu navegador padrão já na página do projeto. Caso isso não ocorra, acesse o projeto através do seu navegador preferido no seguinte endereço:
localhost:3000Magno Cruz - LinkedIn