Экран шоу
Общий телевизор показывает сцены викторины, сохраняя внимание компании на одном событии.
ВИКТОРИНА ДЛЯ ВЕЧЕРИНКИ
Кто знает Владоса?
Многопользовательское шоу для дня рождения: общий экран на телевизоре, ответы с телефонов и отдельный пульт ведущего.
НАПРАВЛЕНИЕЭксперименты
ФОРМАТВикторина для вечеринки
01 / КОНТЕКСТ
Задача
Превратить домашнюю викторину в общее шоу: вопросы и сцены появляются на большом экране, а гости участвуют со своих телефонов.
Ведущему нужен отдельный интерфейс, который позволяет заранее проверить ход игры и управлять вечеринкой, не вмешиваясь в экраны участников.
02 / РЕАЛИЗАЦИЯ
Как устроено
React и TypeScript обслуживают три роли: экран телевизора, интерфейс участника и админку. Firebase Auth и Firestore связывают участников с общей игрой и синхронизируют её состояние.
Zustand организует состояние интерфейса, а GSAP и Motion отвечают за сценические переходы. В репозитории предусмотрены проверки на Vitest и Playwright.
ReactTypeScriptFirebaseZustandGSAP
03 / ВОЗМОЖНОСТИ
Что внутри
Личные пульты
Участники отвечают и отправляют реакции со своих телефонов.
Рабочее место ведущего
Админка содержит режим репетиции и автопилот для управления сценарием.
Синхронная игра
Общее состояние хранится в Firestore и связывает действия ведущего и гостей.
04 / ТЕКУЩЕЕ СОСТОЯНИЕ
Статус проекта
Викторина была использована на вечеринке. Открытая версия содержит приложение, настройки шоу и документацию для запуска собственного события.