Назад к вопросам
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 для удобства и адаптивности.