Projeto Quiz sobre mulheres históricas

Em comemoração ao dia internacional da mulher, criamos um projeto focado em consumir api de mulheres históricas!

Project preview

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


Junte-se a outras 15 pessoas que estão fazendo esse mini projeto.

Avatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuário