Este projeto foi desenvolvido em grupo, principamente em pair-programming. Foi desenvolvido um jogo de perguntas e respostas baseado no jogo Trivia (tipo um show do milhão americano rs) utilizando React e Redux, desenvolvendo em grupo suas funcionalidades de acordo com as demandas definidas em um quadro Kanban. A aplicação permite à pessoa usuária:
- Logar no jogo e, se o email tiver cadastro no site Gravatar, ter sua foto associada ao perfil de usuária.
- Acessar a página referente ao jogo, onde se deverá escolher uma das respostas disponíveis para cada uma das perguntas apresentadas. A resposta deve ser marcada antes do contador de tempo chegar a zero, caso contrário a resposta deverá ser considerada errada.
- Ser redirecionada, após 5 perguntas respondidas, para a tela de score, onde o texto mostrado depende do número de acertos.
- Visualizar a página de ranking, se quiser, ao final de cada jogo.
- Configurar algumas opções para o jogo em uma tela de configuração acessível a partir do cabeçalho do app.
Objetivos do Projeto
-
Criar um store Redux em aplicações React
-
Criar reducers no Redux em aplicações React
-
Criar actions no Redux em aplicações React
-
Criar dispatchers no Redux em aplicações React
-
Conectar Redux aos componentes React
-
Criar actions assíncronas na sua aplicação React que faz uso de Redux.
-
Treinamento em medologias ágeis
Equipe de execução do projeto
Requisitos do projeto Tela de início/login
- 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
Tela de jogo
- 4. Crie um header que deve conter as informações da pessoa jogadora
- 5. Crie a página de jogo que deve conter as informações relacionadas à pergunta
- 6. Desenvolva o jogo onde só deve ser possível escolher uma resposta correta por 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 "próxima" que apareça após a resposta ser dada
- 11. Desenvolva o jogo de forma que a pessoa que joga deve responder 5 perguntas no total
Tela de feedback
- 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
Tela de ranking
- 17. Crie a tela de ranking
- 18. Crie um botão para ir ao início
Requisitos Bônus / Não avaliativos Tela de configuração
- 19. Selecionar categoria das perguntas
- 20. Selecionar dificuldade das perguntas
- 21. Selecionar tipo das perguntas