Sobes.tech
Middle

Tell more about the quiz constructor from the resume — what it is and how it was implemented.

sobes.tech AI

Answer from AI

Quiz constructor is an interactive tool for creating surveys or tests, allowing users to add questions, answer options, and customize the passing logic.

In my project, the quiz constructor is implemented in React using state to store the list of questions and their parameters. Main features:

  • Adding/removing questions and answer options.
  • Configuring question types (single choice, multiple choice, text input).
  • Validating entered data.
  • Previewing the created test.

Example of a question structure in state:

{
  id: 'q1',
  type: 'single-choice',
  questionText: 'Which programming language do you like?',
  options: [
    { id: 'o1', text: 'JavaScript' },
    { id: 'o2', text: 'Python' },
  ],
  correctAnswerId: 'o1'
}

React Context and hooks were used for state management, which made it easy to scale the functionality and maintain a clean architecture. The UI is built using Material-UI components for convenience and responsiveness.