
Конструктор курсов
Редактор образовательных программ: дерево модулей, лонгриды, тесты, публикация
- React
- TypeScript
- MobX
- react-ioc (DI)
- +8
Прохождение курса: лонгриды, вебинары, тесты с перетаскиванием, подсказки GPT по выделенному тексту
Детали и код закрыты соглашением: описываю задачи и решения без раскрытия внутренностей.
Приложение, в котором студент проходит курс: дерево модулей, лонгриды и видео-уроки, тесты с разными типами вопросов, прогресс, избранное и уведомления. Отдельная фича — пояснение выделенного фрагмента через GPT.
Контекст
Плеер — вторая половина связки с конструктором курсов: то, что автор собрал в редакторе, студент проходит здесь. Урок может быть лонгридом, вебинаром или тестом.
Контент рендерится общей библиотекой, поэтому расхождений между режимом автора и режимом студента не возникает.
Решение
Урок, прогресс и тест разделены, поэтому переход по курсу не зависит от того, как считается прохождение. Пояснение к выделенному фрагменту открывается прямо в материале.
Скриншоты этого проекта пока не опубликованы.

Редактор образовательных программ: дерево модулей, лонгриды, тесты, публикация

Переиспользуемый контентный слой: редактор блоков и рендер для студента в одном пакете

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