Crie um quiz interativo sobre mulheres que marcaram a história, utilizando nossa API do legado feminino.

🤓 Antes de começar

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

🔨 Requisitos

• 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.

🔨 Desafio extra para quem quer ir além

• Adicionar um temporizador para cada pergunta.

  🎨 Design Sugerido

Temos uma sugestão de design no Figma. Entretanto, fique à vontade para montar a aplicação conforme a sua criatividade.

Figma

🔗 Link do design

👉🏽 Sobre esse mini-projeto

O que você irá praticar:

React

• Gerenciamento de estado com useState

• Renderização condicional