Задание: Веб-программист. Разработка PWA для Live-скорринга пляжного волейбола (Supabase + Next.js/Vue.js) (Дистанционная работа)
Ищу опытного full-stack разработчика для создания MVP (минимально жизнеспособного продукта) системы live-скорринга для турниров по пляжному волейболу. Проект с высоким потенциалом дальнейшего развития. Требуется современный стек и внимание к UX мобильного интерфейса.
Ключевое требование: Приложение — это PWA (Progressive Web App), работающее в браузере телефона без установки из магазинов.
Что нужно сделать на этапе MVP:
1. Админ-панель (минимальная):
· Форма для создания матча: Название команды А, Название команды Б.
· После создания система генерирует: ссылку для судьи, ссылку для публичного табло и QR-код на ссылку судьи.
2. Мобильный интерфейс судьи (идеально реализован здесь - https://live.osvb.no/)
· Адаптирован для быстрой работы одной рукой на смартфоне. Дизайн в стиле профессиональных систем (OSVB).
· Две колонки (Команда А / Команда Б) с крупным счетом.
· Индикатор подачи (автоматически переключается при нажатии «+1»).
· Кнопки: огромные «+1 очко» для каждой команды, маленькая «-1» (отмена), «Тайм-аут», «Смена сторон».
· Логика партий: автоматическое определение завершения партии (21 очко, разница в 2) и матча (Best-of-3). Блокировка кнопок после окончания.
3. Публичная страница «Турнир» (Dashboard):
· Отображает сетку из 5 одновременных матчей (карточки с командами, счетом, статусом).
· Обновление в реальном времени (Realtime), без перезагрузки страницы.
4. Страница табло для OBS (Видеотрансляции):
· Отдельная чистая страница для каждого матча с крупным счетом и прозрачным фоном.
· Готова для добавления как «Browser Source» в OBS Studio для трансляций.
Технический стек (обязательно):
· Backend/DB: Supabase (предпочтительно) или Firebase. Основная причина: встроенный Realtime, который мгновенно синхронизирует счет.
· Frontend: Next.js или Vue.js + Tailwind CSS. Чистый, адаптивный код.
Важно для нас:
· Это MVP, но код должен быть качественным и расширяемым. Следующие этапы: добавление турнирной логики (групповой этап, плей-офф)
· Исполнитель должен понимать специфику real-time приложений.
· В отклике обязательно приложите примеры реализованных проектов с Realtime (Supabase/Firebase) и адаптивным мобильным интерфейсом.
Чтобы я рассмотрел вашу кандидатуру, начните отклик с ответов на три вопроса:
1. Какой у вас опыт работы с Supabase Realtime или Firebase Realtime Database?
2. Видели ли вы интерфейс live-скорринга OSVB или аналоги? Как бы вы улучшили UX для судьи на телефоне?
3. Ваша предварительная оценка трудозатрат (в часах) на данный MVP.
