Funcionalidades • Futuras Atualizações • Demostração • Tecnologias e Habilidades • Acesso ao projeto • Creditos •
- Logar no jogo- Acessar página do Jogo
- 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. • Resolver Bugs
- HTML
- CSS
- JavaScript
- React-16
- Redux
- Gravatar
- RTL
- Trello
Clique no link a seguir para abrir o projeto no navegador:
https://trybe-project-trivia.vercel.app/
Clique no link a seguir para acessar os arquivos do projeto:
https://github.com/Yasmin358/trybe-project-trivia
# Clone este repositório
$ git@github.com:Yasmin358/trybe-project-trivia.git
# Acesse a pasta do projeto no terminal/cmd
$ cd trybe-project-trivia
# Instale as dependencias (node 16.x)
$ npm install
# Rode o projeto
$ npm start
# Ou abra no seu editor de texto favorito.
O Projeto Trivia foi desenvolvido em grupo no curso Desenvolvimento Fullstack da TRYBE, no modulo de Frontend.
Membros: Yasmin Amorin , João Roberto Ferraz Paolillo, Thiago Oliveira
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 ✔️
Tela de jogo
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 ✔️
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 ✔️
17. Desenvolva testes para atingir 90% de cobertura da tela de FeedbacksDesenvolva testes para atingir 90% de cobertura da tela de Feedbacks ✔️
Tela de ranking
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 ✔️
Testes da tela de jogo
21. Desenvolva testes para atingir 90% de cobertura da tela de Jogo ✔️
Testes de cobertura da aplicação
22. Desenvolva testes para atingir 95% de cobertura total ✔️