Все проекты

Тренажер сертификации разработчиков

Модуль вопросов, ответов и прогресса для технической подготовки.

Vue 3ConvexQuiz engine
Скриншот тренажера сертификации разработчиковDev-story
01

Задача

Учебному инструменту нужен не только список вопросов, но и прогресс, темы и логика повторения.

02

Что делали

Мы сделали quiz-движок со структурированными вопросами, состояниями и real-time данными.

03

Результат

Техническую подготовку можно вести как продукт, а не как набор документов.

Dev-story статья

Тренажер сертификации разработчиков: как создавался проект

Для обучения недостаточно одного списка вопросов: нужна структура тем, повторов и наглядный прогресс пользователя.

Разделы

06

Модули

04

Стек

Vue 3 + Convex

Длительность: 12-15 min. От проекта к обучающим материалам
01 00:00

Почему появился проект

Учебному инструменту нужен не только список вопросов, но и прогресс, темы и логика повторения.

Для обучения недостаточно одного списка вопросов: нужна структура тем, повторов и наглядный прогресс пользователя.

02 01:00

Что было создано

Мы сделали quiz-движок со структурированными вопросами, состояниями и real-time данными.

Создан движок тестов с базой вопросов, состояниями сессии и сводным показателем готовности.

03 02:40

Основные модули и путь пользователя

M01

Банк вопросов хранит текст, ответы, правильность и принадлежность к теме.

M02

Состояние сессии отслеживает текущий шаг и корректность выбора.

M03

Просмотр прогресса выделяет пробелы и направления для повторения.

M04

Административный блок позволяет быстро обновлять вопросы без изменения логики.

04 04:30

Архитектура и технологические решения

Техническая основа: Vue 3, Convex, Quiz engine. Важно не перечисление логотипов, а то, как выбранный стек помогает управлять данными, состояниями, действиями пользователя и дальнейшей поддержкой.

Vue обеспечивает экранную логику, Convex хранит все записи тренировки и прогресс, делая продукт переиспользуемым.

05 06:30

Как это работает в реальном сценарии

В реальном использовании «Тренажер сертификации разработчиков» работает как понятная последовательность: сначала решается исходная проблема, затем пользователь выполняет основное действие, видит ясный путь данных и результат. Опыт остаётся логичным, а не набором случайных экранов.

Практическая ценность видна там, где раньше требовалась ручная работа: часть процесса автоматизирована, зоны ответственности чётко разделены, а каждый модуль выполняет одну понятную функцию. Именно поэтому решение легко поддерживать и расширять.

06 08:30

Результат и выводы

Техническую подготовку можно вести как продукт, а не как набор документов.

Подготовка к сертификации переходит в системный режим: понятный путь от старта до закрепления материала.

Читать дальше

Эти проекты близки по техническим или продуктовым решениям и показывают, как тот же принцип работает в другом контексте.

Есть похожая идея?

Обсудить проект