Junte-se a outras 15 pessoas que estão fazendo esse mini projeto.
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!
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
👉🏽 Sobre esse mini-projeto
O que você irá praticar:
React
Gerenciamento de estado com useState
Renderização condicional