PWA-приложение для регистрации на мероприятие: код из SMS, QR-код и сертификат на входе, сканер для сотрудников, редактор экранов и сквозная аналитика от рекламы до визита
PWA-приложение для регистрации на мероприятие: сайт открывается как приложение - по ссылке из рекламы и с иконки на телефоне. Регистрация участников по коду из SMS, персональный QR-код и сертификат на входе, сканер для сотрудников и сквозная аналитика от рекламы до визита.
Заказчик - организатор еженедельных распродаж одежды. Вместо чат-бота в мессенджере нужно было своё приложение для мероприятий, которое команда каждую неделю собирает сама.
Прогрессивное веб-приложение (PWA) - так из сайта делают приложение без магазинов приложений. Гость открывает его по ссылке и листает экраны, как в приложении, а если добавит на экран телефона, дальше открывает с иконки на весь экран, без панелей браузера. Ставить из App Store и Google Play ничего не нужно, правки заказчика сразу видят все гости. Обычная форма регистрации на мероприятие так не умеет.
Что сделано:
- 4 экрана и до 12 историй с фото и видео, «Где и когда» с картой Яндекса;
- регистрация участников: телефон, два согласия по 152-ФЗ и код из SMS, защита от подбора кода;
- QR-код на все дни мероприятия и сертификат с условиями;
- сканер для сотрудников - вторая иконка на телефоне: камера читает QR в браузере, визит и гашение сертификата - по одному разу, с журналом;
- редактор экранов с живым предпросмотром, новое мероприятие - копией прошлого;
- регистрации и визиты с выгрузкой в Excel, сквозная аналитика по рекламным меткам, цели в Метрике;
- CI/CD в GitHub Actions, на сервере в России только собранное приложение, копия базы каждую ночь.
Результат: разработка веб-приложения под ключ - около четырёх недель, один исполнитель. Работает с 13.10.2026, сдано одним актом 16.10.2026. Заказчик сам собирает мероприятия в редакторе: на кадрах два его мероприятия подряд. 153 теста логики, 29 сквозных сценариев, приёмка 68 проверок из 68, выкладка - медиана 94 секунды.
Стек: Next.js, React, TypeScript, Prisma, PostgreSQL, Tailwind CSS, Node.js, nginx, GitHub Actions.
