Как-то на митапе — то ли красного банка, то ли желтого — был интерактивный квиз для разогрева зала. Формат простой: на экране вопрос, зрители отвечают с телефонов, на табло лидерборд. Зал был в восторге. Я захотел такое же, но в открытом доступе таких инструментов не нашёл плохо искал, наверное ( хорошо ). Решил сделать сам — бесплатный, open-source, для любых митапов.

Результат: Giper Blitz Quiz — real-time квиз-платформа. Без бекенда, без сервера, деплой стоит 0 рублей. 4 дня от идеи до прода.

Как это работает

Хост открывает квиз на большом экране, участники сканируют QR-код с телефона и попадают в лобби. Дальше — цикл вопросов:

1. Чтение — на экране появляется вопрос, у хоста есть обратный отсчёт 3-2-1, со звуком для игроков в зале
2. Ответ — игроки выбирают вариант или вводят текст ( есть вопросы с открытым ответом )
3. Результат — показывается правильный ответ, считаются очки
4. Лидерборд — анимированная таблица лидеров

Очки зависят от скорости ответа: базовые_очки × множитель^(оставшееся_время / общее_время). Ответ за секунду — максимум очков. Думал до последнего — получил базу. С одной стороны мне говорили что так теряетя азарт, но я так сделал что бы уравнять всех. На тех митапах где я увидел идею для квиза, победили самые быстрые игроки, как они сами признавались, они просто угадывали, я так не хочу

Стек: $mol + Гипер База

Писал конечно же на $mol и Гипер Базе. Собстна это база с реактивной синхронизацией. Не нужно поднимать сервер, писать бэк, поднимать базу тоже не нужно, в коде вы просто описываете модельки и всё, дальше всё само синхронизируется

Хост создаёт квиз → данные сохраняются в ленд Гипер Базы. Игроки подключаются по ссылке → их клиенты синхронизируются с этим лендом напрямую. Всё реактивное, любое изменение состояния мгновенно прилетает всем подключённым клиентам

Деплой: GitHub Pages + Гипер База = 0 рублей.

Архитектурный косяк

В Гипер Базе права доступа задаются на уровне лендов. Один ленд — один набор прав, который нельзя поменять, но можно выдать форк с другими правами. Я по наивности свалил все данные в один общий ленд, и обнаружил это уже когда всё работало: любой игрок мог отредактировать чужой квиз. Причём я даже не заметил этого во время разработки)

Пофиксил, конечно, квизы теперь живут в домашнем ленде пользователя, а когда стартуешь игру — делается форк ленда квиза для игровой сессии. Но внутри этого форка всё равно всё вместе: и вопросы, и ответы игроков, и состояние игры. Разделение прав между данными хоста и игроков — чисто на уровне UI через флаг в коде. Ушлые ребята через консоль всё равно теоретически могут достучаться до данных, но на кой чёрт кому-то нужно редактировать ваш квиз?)

Фичи

Есть AI-генерация квизов. Пишешь боту «квиз про JavaScript для мидлов, 10 вопросов», он генерирует структурированный JSON и квиз сам появляется в списке. Не нужно вбивать вопросы руками. Но картинки нужно руками! Сувать картинки в json геморно, и костыльно.

Ещё можно делиться ссылкой на квиз и редактировать его вместе одновременно в реальном времени, Гипер База синхронизирует всё сама.

После каждой игры статистика сохраняется в профиль: сыгранные игры, общий счёт, победы, лучший результат. Есть система рангов — от «Новичка» до «Грандмастера» по количеству сыгранных игр. Знаете вот у фурри есть фурсона, а у нас квизсона :)

Ещё прикрутил реакции — игроки кидают ❤️ 🔥 👏 😊 💩 прямо во время игры, у хоста на экране отображается, а в финале отдельный экран «самых реактивных». Ну и встроенное радио на 5 станций (lofi, chill, house) и красивые QR-коды для подключения игроков.

С нейронкой накидал блог с поясняющими статьями, и настроил SEO для роботов, возможно вы даже увидите прилу в поиске)

AI-агенты

Пока писал — почти не пользовался агентами, и получилось сильно качественнее моих более ранних поделок. Старался писать код сам. Зачастую это конечно всё равно копипаста из LLM из окна IDE, но тут появляется время обдумать код и принять решение, переспросить у нейронки, найти лучшее решение. В итоге без агентов вышло даже быстрее, потому что не пришлось потом переделывать за ними. Правда в 3 часа ночи я сдался, и отдал управление, так как устал, не делайте так)

По времени где-то 4 дня сидел. Первые два дня ушли на лобби и админку, на третий собрал игровой цикл, на четвёртый фиксил баги и прикрутил AI-генерацию.

Попробуйте и вы

Я планирую использовать на разогревах на митапах @PiterUX и @PiterJS. На UX я в числе оргов как раз, опробуем на дизайнерах)

Смотрите пробуйте играйте, формируйте своё мнение, и всегда помните — хост это не игрок, он не может выбирать ответы, но вы можете запустить игру с ПК, и зайти с телефона. Или с одного ПК на разных браузерах.

Это мой текущий магнум опус.