Projeto Trivia

Contexto

Nesse segundo projeto em grupo na Trybe, onde tive a oportunidade de trabalhar com os parceiros Yuri Villanueva, Sandoerton Amaro, Lucas Seixas e Adilson Júnior, o desafio era usando a API Trivia, criar uma página de perguntas e respostas, onde se tem 30 segundos para responder cada pergunta e a cada resposta correta é somado a seu score a pontuação de acordo com a dificuldade da pergunta e o tempo que ainda restava para escolher a resposta.

No final é gerado um ranking com os jogadores ordenados dos maiores pontuadores para os menores.

Deve ser possível também, acessando a página de configurações, escolher a quantidade de perguntas, a categoria, a dificuldade e o tipo de respostas ( V / F ou multipla escolha).

Para trabalhar com as informações em várias páginas, usamos o estado global do Redux.

Contribuições

• Testes de Cypress feitos pela Trybe;
• Configuração inicial do Redux: Feita em conjunto por chamada de zoom com todos presentes;
• Funcionalidade da tela de Login: Feita com conjunto por chamada de zoom com todos presentes;
• Botão de inicio do jogo e botão para a tela de configurações: Lucas Seixas;
• Componente Header que contem as informações da pessoa jogadora: Sandoerton Amaro;
• Testes usando RTL da tela de Login: Yuri Villanueva;
• Criar a tela e desenvolver o jogo fazendo a chamada a API do Trivia: Thiago Fonseca;
• Desenvolver o estilo para que a resposta clicada fique marcada de verde quando correta e vermelha quando incorreta: Thiago Fonseca;
• Desenvolver um timer onde a pessoa que joga tem 30 segundos para responder: Thiago Fonseca;
• Criar o placar: Thiago Fonseca, Sandoerton Amaro;
• Criar a mensagem de feedback que será exibida para a pessoa usuária: Thiago Fonseca, Yuri Villanueva;
• Criar as opções da pessoa jogadora de jogar novamente e ir para a tela de ranking: Thiago Fonseca;
• Criar a tela de ranking, exibindo a pontuação dos jogadores ordenados do maior para o menor: Thiago Fonseca;
• Criar a opção de voltar a tela de inicio: Thiago Fonseca;
• Testes usando RTL da tela de Feedback: Adilson Junior;
• Tela de configurações para mudar as preferências do jogo: Thiago Fonseca;

Tecnologias usadas

Front-end:

Desenvolvido usando: React, React Router, RTL, Redux, CSS Module, ES6

Instalando Dependências

Frontend

git clone git@github.com:Thiagofs1983/Trivia.git
cd Trivia/
npm install

Executando aplicação

• Para rodar o front-end:

    cd Trivia/ && npm start
  

Executando Testes

• Para rodar todos os testes:

    npm test