Pular para o conteúdo
~/.primo-academy.sh
Intermediário1 fim de semana

Quiz em React

Um quiz de múltipla escolha em React, com pontuação e tela de resultado.

reacthooksstatecomponentes

// pratica as trilhas

// criado por

fonte

Um quiz que mostra uma pergunta por vez, guarda o que o usuário respondeu e no final exibe a pontuação. É o projeto pra fixar estado e componentes em React.

Objetivo

Praticar componentes, props e o hook useState num app com fluxo real: avançar perguntas, acumular acertos e reiniciar. A base do "pensar em React".

Requisitos

  • Mostrar uma pergunta com 3-4 alternativas por vez
  • Marcar a resposta e avançar para a próxima pergunta
  • Contar os acertos e mostrar o placar final no fim
  • Botão "jogar de novo" que reseta o estado
  • Quebrar a UI em componentes (ex.: Pergunta, Alternativa, Resultado)

Desafios extras

  • Feedback na hora (verde/vermelho) ao escolher a alternativa
  • Barra de progresso (pergunta 3 de 10)
  • Cronômetro por pergunta

Dicas

  • Guarde as perguntas num array de objetos e mantenha só o índice da pergunta atual no estado — não copie a pergunta pro estado.
  • Estado que muda a tela mora no componente-pai; os filhos recebem por props e avisam mudanças por callbacks (onResponder).
  • Não precisa de backend: as perguntas podem ser um array fixo no código.