Crie um quiz interativo sobre mulheres que marcaram a história, utilizando nossa API do legado feminino.
Para essa aplicação, disponibilizamos uma API gratuita para que possa consumir os dados. Nesse mini projeto faremos um quiz de perguntas e respostas, mas fique a vontade para criar outros exemplos utilizando nossa API.
Para utilizar API acesse a documentação
- Requisito 1
- Criar a tela inicial com um botão de iniciar quiz
- Requisito 2
- Criar um componente de pergunta e respostas.
- Implementar a lógica de verificação da resposta correta.
- Requisito 3
- Exibir a quantidade de acertos no final do quiz.
👀 Dicas:
- Utilize o estado do React (useState) para armazenar a resposta selecionada.
- Para validação, pode-se comparar a resposta escolhida com a correta armazenada no estado.
- Adicionar um temporizador para cada pergunta.
Temos uma sugestão de design no Figma. Entretanto, fique à vontade para montar a aplicação conforme a sua criatividade.
-
Gerenciamento de estado com useState
-
Renderização condicional