Foi desenvolvido um jogo de perguntas e respostas baseado no jogo **Trivia** utilizando _React e Redux_;
O que a aplicação faz?
- Tem tela de Login, onde depois do cadastro, se o email tivesse cadastro no site[Gravatar], a foto de perfil aparece no header da próxima page.
- Na Tela de Game, é possivél escolher uma das respostas disponíveis para cada uma das perguntas apresentadas. A resposta tem que ser marcada antes do contador de tempo chegar a zero, caso contrário a resposta é considerada errada.
- Após as 5 perguntas respondidas, a pessoa usuaria é redirecionada para a tela de score, onde o texto mostra o número de acertos.
- É possivel ver a page de ranking, se quiser, ao final de cada jogo.
- Clone o repositório
git clone git@github.com:georgia-rocha/trivia-react-redux.git
- Entre na pasta do repositório que você acabou de clonar:
- Instale as dependências:
npm install
- Iniciar a aplicação na sua máquina:
npm start
- Esse Projeto foi o primeiro do módulo de Front-end realizado em grupo, o que foi muito importante para nossa adaptação a realidade do mercado, conhecemos novas ferramentas que facilitaram nosso projeto, como o trello;
- Foram feitas daily meeting para organização e produção do projeto, a maior parte do projeto foi feito em pair programming, mas o time sempre estava disponivel para resolucionar problemas quando apareciam;
- Os teste ficaram em 81%, mas ainda planejo conseguir os 95%, para fechar os 100%;
-
1. Crie a tela de login, onde a pessoa que joga deve preencher as informações para iniciar um jogo
-
2. Crie o botão de iniciar o jogo
-
3. Crie um botão que leva a pessoa para tela de configuração
-
4. Desenvolva testes para atingir 90% de cobertura da tela de Login
-
5. Crie um header que deve conter as informações da pessoa jogadora
-
6. Crie a página de jogo que deve conter as informações relacionadas à pergunta
-
7. Desenvolva o estilo que, ao clicar em uma resposta, a correta deve ficar verde e as incorretas, vermelhas
-
8. Desenvolva um timer onde a pessoa que joga tem 30 segundos para responder
-
9. Crie o placar com as seguintes características:
-
10. Crie um botão de
Next
que apareça após a resposta ser dada -
11. Desenvolva o jogo de forma que a pessoa jogadora deve responder 5 perguntas no total
-
12. Desenvolva o header de feedback que deve conter as informações da pessoa jogadora
-
13. Crie a mensagem de feedback para ser exibida a pessoa usuária
-
14. Exiba as informações relacionadas aos resultados obtidos para a pessoa usuária
-
15. Crie a opção para a pessoa jogadora poder jogar novamente
-
16. Crie a opção para a pessoa jogadora poder visualizar a tela de ranking
-
17. Desenvolva testes para atingir 90% de cobertura da tela de Feedbacks
-
18. Crie um botão para ir ao início
-
19. Crie o conteúdo da tela de ranking
-
20. Desenvolva testes para atingir 90% de cobertura da tela de Ranking