Adequações Ao Site Quiz Na Web

Produto

Implementação de melhoria na tela de quiz existente a ponto de não carregar a pagina trazendo alternativas selecionadas.
Um quiz só poderá ser submetido caso todas as questões sejam respondidas.
Caso uma ou mais questões não sejam respondidas, devera ser apresentada uma mensagem de alerta ao usuário e, as questões não respondidas devem ser destacadas em cor diferente das demais ora respondidas, indicando que aquela questão não foi respondida.


Desenvolvimento de uma pagina que apresentara aos usuários o resultado do quiz, demonstrando todas as questões, onde:
Ocorrendo acerto da questão:
Devera apresentar mensagem escrita, e se possível, visual, que o usuário acertou a questão, demonstrando também a justificativa para a questão.
Ocorrendo erro da questão:
Devera apresentar mensagem escrita, e se possível, visual, que o usuário não acertou a questão, demonstrando a alternativa que ele escolheu, e a alternativa correta com a justificativa para a questão.


Requisitos

O layout deve ser responsivo.

Objetivo

Aplicar correção na tela de quiz a ponto de que as questões não sejam carregadas com uma alternativa já selecionada.
Desenvolver a tela de resultado do quiz, de forma responsiva, demonstrando aos usuários as questões qual obteve acerto ou não.

Canvas completo do deste projeto:

https://docs.google.com/document/d/1FLh_SQDxb-eXQetC1PH6Z9RL0bg8ONiTUqHccUS0ErM/edit?usp=sharing

Mokups (Mera expectativa)

https://www.dropbox.com/s/6j27lrq6yfqvfgb/Quiz%20-%20Mobile.png?dl=0
https://www.dropbox.com/s/una6ld0c0y43gb3/Resultado%20do%20Quiz.png?dl=0