Quiz com 15 perguntas, em que é possível selecionar dificuldade e categorias das perguntas.
-
React
-
MaterailUi: Biblioteca utilizada para estilição da página e utilização de componentes prontos.
-
Ope Trivia API: API utilizada para busca de dados das questões.
-
Definir o layout, estruturar e estiizar a página.
-
Fazer a busca dos dados por meio da API.
-
Criar a interface inicial do quiz, com a seleção de categorias e dificuldade.
-
Implementar a lógica para a correção das perguntas, soma do resultado e exibição da próxima pergunta.
-
Refatorar o código para melhorar a legibilidade e manutenção.
-
Para usar a aplicação, acesse este link
-
Ao entrar no link, será apresentada a página inícial, onde é possível adicionar nome, selecionar categoria e dificuldade, feito isso, basta clicar em iniciar, para dar início ao quiz, cada partida possui um total de 15 perguntas só será possível iniciar após o preenchimento de todos os campos.
-
Ao iniciar, será apresentada a primeira pergunta.
-
Cada pergunta terá 4 opções de resposta, então basta selecionar a opção que acha ser verdadeira, após selecioa-la, a caixa irá ficar verde, caso a opção selecionada seja a certa ou vermelha, caso a opção selecionada seja errada, se uma opção errada for selecionada, a certa irá ficar em verde, feito isso, basta clicar em próximo e responder as perguntas restantes.
Obrigado por jogar!