КингсТим проводит квест-олимпиады по профессиям для детей от детского сада до 12 класса. Ребёнок выбирает страну, город и вид соревнования, записывается на профессию вроде «Детектив», «Архитектор» или «Врач» и решает тесты по этапам: квалификация, финал и суперфинал. Каждый этап начинается с видеоурока, а вопросы появляются точно в ту секунду, когда урок доходит до них.
Это самый амбициозный проект, который мы делали в сфере образования, и самый требовательный клиент, с которым мы работали. Не как жалоба, а как цифра: за три месяца мы записали 185 отдельных запросов, каждый с номером, решением и статусом в одном реестре, который никогда не удаляет строки. Некоторые были одним словом в тексте. Другие были целыми модулями, например видеостудия ниже. Клиент точно знал, как всё должно выглядеть, и не принимал вариант «почти».
Платформа написана с нуля. Код начали писать 28 июня 2026, сайт запустили 15 сентября, одиннадцать недель спустя. В день запуска мы выпустили пять версий в продакшен. За сайтом стоят 40 страниц, около 46 000 строк TypeScript и 39 миграций базы данных.
Внутри восемь ролей: ученик, выпускник, учитель, воспитатель, эксперт, менеджер, спонсор и администратор, у каждой свой кабинет. Реестр содержит 3 524 школы и детских сада в 5 414 населённых пунктах, загруженных из публичного реестра МОН, без потери ни одной существующей записи. 15 профессий, 63 теста, 603 вопроса. Учитель записывает и оплачивает весь класс сразу. Каждый участник получает личный код, а прошедший финал получает грамоту в PDF с QR кодом, которую можно проверить публично, не показывая имя ребёнка.
Тестовый движок поддерживает таймер, закрытые и открытые вопросы, фотографии и математические символы в вопросах и ответах, видео в качестве задания и кодовое слово для каждого этапа. На главной странице есть настоящий вращающийся земной шар на three.js, карта активных соревнований по областям и анимированные билеты, а администратор сам меняет их порядок.
Затем поступил самый сложный запрос. Уроки олимпиады - это видео, и клиент захотел самостоятельно монтировать их прямо в админ-панели, как в CapCut или Filmora. Не просто загрузка и обрезка, а полноценный монтаж. Мы это сделали.
Видеостудия работает в браузере, без установки программы. Видео, фотографии и музыку можно перетаскивать на монтажную шкалу. Клип можно обрезать, ускорять, отключать в нём звук, менять цвет и кадрировать. Между двумя клипами есть 13 видов переходов. Надписи доступны с шестью шрифтами и анимацией появления и исчезновения, а стикеры и картинка в картинке размещаются на восьми дорожках одна над другой. Есть запись с камеры и микрофона прямо в проект, четыре формата кадра, включая 9:16 для телефона, отмена действий, горячие клавиши и автоматическое сохранение.
Вопросы теста отображаются как маркеры прямо на монтажной шкале. В месте маркера видео останавливается, и ребёнок отвечает. Перемещаешь клип - вопросы перемещаются вместе с ним. Одна кнопка экспортирует готовое видео и добавляет его в тест вместе с вопросами.
Экспорт - это настоящее видео, собранное на сервере с помощью FFmpeg, а не запись экрана. На сервере два ядра и 2 GB памяти, а уроки длятся по 35 минут в 1080p, поэтому мы разделили сборку на три этапа: сначала звук, затем каждый клип и переход по отдельности, а в конце всё вместе с надписями. Двухминутное видео в Full HD экспортируется примерно за три минуты при 624 MB памяти. Предпросмотр в браузере и экспортированный файл рассчитываются одной и той же функцией, поэтому надпись, которая появляется на 3,2 секунде, появляется на 3,2 секунде и в файле.
