ekrausnunes / buzzfeedquiz

buzzfeedQuiz

Criar Quiz estilo "Buzzfeed"

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!

Requisitos

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

Tópicos

Com esse desafio, você aprenderá:

• Create React App
• Componentes
• Gerenciamento de estado

Tarefas

• 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

Exemplo

Atenção

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