O Create React App facilita a vida do desenvolvedor, com um único arquivo de configuração simples conseguimos desfrutar de todas as features do desenvolvimento moderno, fazendo o bundle do código inteiro! Com esta ferramenta, você deve criar um Quiz no estilo Buzzfeed!
Você precisará do Nodejs (LTS ou Current) instalado em sua máquina.
Na primeira execução rodar o comando:
$ npm install
Depois, para começar a desenvolver
$ npm start
Com esse desafio, você aprenderá:
- Create React App
- Componentes
- Gerenciamento de estado
- O projeto deve ser criado usando o
create-react-app
- Listar perguntas com as alternativas
- Ao terminar de preencher o quiz, exibir o resultado de quantas perguntas o usuário acertou
- Botão de "Refazer Quiz", que deve resetar as alternativas selecionadas e o resultado
O elemento pai que contém as opções das perguntas deve conter um atributo data-test
com o valor pergunta
Cada alternativa deve conter um atributo data-test
com o valor opcao
Após a pergunta ser respondida, o elemento pai que contém as opções das perguntas deve conter um atributo data-resposta
com o valor correta
ou errada
respectivamente
O elemento pai que mostra o resultado final deve conter um atributo data-resultado
com o valor total de respostas corretas
O botão de "Refazer o Quiz" deve conter um atributo data-test
com o valor refazer