Desenvolvimento de componente Quiz para um modelo onepage

Olá,
Tenho um modelo de curso online em formato scroll/onepage, baseado em componentes. Cada componente é definido na classe de uma DIV. Ele foi feito em html/js/jquery.



A ideia deste modelo e seus componentes, é ser fácilmente manuseável por um designer ou redator da equipe.

O que preciso é que o desenvolvedor crie um componente de Quiz em que posteriormente a equipe interna possa aplicar com praticidade, preenchendo um JSON

Requisitos do Quiz:
- Dois templates de quiz: Multipla escolha, e SIM/NÃO.
- Puxar informações do Quiz de dentro de um arquivo JSON.
- O usuário poderá definir uma nota de corte (porcentagem do quiz)
- O usuário poderá escrever as perguntas
- O usuário poderá definir alternativas corretas (gabarito)
- O usuário poderá atribuir uma mensagem de feedback positivo e uma mensagem de feedback negativo para o quiz, e para perguntas.


- As respostas do aluno e a porcentagem de acerto precisam ser gravadas em uma Array (examplo.:
[A,B,C,,A,C,D,100]).
- No caso do modelo SIM/NÃO. O usuário poderá atribuir o caminho de uma imagem para cada pergunta.



- O código precisa ser escrito. Não podemos utilizar bibliotecas pré-prontas. Podemos utilizar JS Vanilla e jQuery como uma base para desenvolvimento.



- Criar uma função vazia de callback para sucesso e falha do aluno (quizFailed or quizPassed)
- O quiz deverá funcionar da seguinte forma:
A) Aparece enunciado e pergunta
B) usuário responde
C) substitui-se a tela por um feedback da questão
D) substiui-se tela pela proxima pergunta...
E) Consecutivamente. Ao finalizar perguntas, aparece o feedback do quiz
F) Criar uma função vazia de callback para sucesso e falha do aluno

English description

Hi,
I have an online scrolling page model in development. It´s based in components.


Each component is definined through a DIV class. It was mmade with html/js/jquery.
In it´s model and components, I would like it to be easily used  by a designer or writter in my team.




Requirements:
- Two quiz modes: multiple choice and yes/no. (Class quiz yesno)
- Import quiz data from inside a JSON file (class quizmultichoice)
- designer can define a minimum score ( percentage )
- designer can write questions
- designer can define correct answers
- designer can set a positive feedback message and a negative feedback message
- User answers needs to be recorded in an Array (example.: [A,B,C,,A,C,D,100]).
- In case of yes/no model, designer can set a image path for each question.
- Code needs to be written.


We can´t use third party libraries, but we can use JS Vanilla, Jquery as development basis.
- Create two empty callback functions (quizFailed or quizPassed)

- This is how quiz should work:
- A) Questions and alternatives are shown
- B) User click touch answer
- C) Quiz elements are replaced by question feedback elements
- D) Feedback elements replace by next quiz elements
- E) And so on... When it´s finished, quizFeedback appears
- F) Callback function is called (quizFailed or quizPassed)