Sobes.tech
Назад к вопросам
Middle
3

Расскажи подробнее про quiz-конструктор из резюме — что это такое и как было реализовано?

Компании, где спрашивали
Marfatech

Ответ от нейросети

sobes.tech AI

Quiz-конструктор — это интерактивный инструмент для создания опросов или тестов, который позволяет пользователю добавлять вопросы, варианты ответов и настраивать логику прохождения.

В моём проекте quiz-конструктор реализован на React с использованием состояния для хранения списка вопросов и их параметров. Основные возможности:

  • Добавление/удаление вопросов и вариантов ответов.
  • Настройка типа вопроса (одиночный выбор, множественный выбор, ввод текста).
  • Валидация введённых данных.
  • Предпросмотр созданного теста.

Пример структуры вопроса в состоянии:

{
  id: 'q1',
  type: 'single-choice',
  questionText: 'Какой язык программирования вам нравится?',
  options: [
    { id: 'o1', text: 'JavaScript' },
    { id: 'o2', text: 'Python' },
  ],
  correctAnswerId: 'o1'
}

Для управления состоянием использовался React Context и хуки, что позволило легко масштабировать функционал и поддерживать чистую архитектуру. UI построен с использованием компонент Material-UI для удобства и адаптивности.