РАЗБОР ПРОЕКТАВЕБ-ПРИЛОЖЕНИЕ
Ворон — кабинет промоакции с уровнями
Кабинет участника промоакции для продавцов оборудования. Участник регистрируется, вкладывает в продвижение своих товаров и переходит с уровня на уровень: у каждого своя цель, свой приз и своя версия ворона-талисмана.
- Роль
- Фронтенд-разработчик
- Сроки
- 2026, май — август
Задача
Сделать кабинет и формы так, чтобы их можно было встроить в готовую страницу на Tilda одним скриптом, не задев её стили, и показывать прогресс участника по данным API.
Что входит в решение
- Встраивание одним скриптом: приложение живёт в Shadow DOM и не пересекается со стилями страницы, а шрифты и rem-масштаб подключаются в её <head>.
- Загрузчик берёт актуальные бандлы из version.json, поэтому новая версия доходит до сайта без правок на его стороне.
- Уровни с целью по вложениям, прогрессом и призами; следующий уровень закрыт, пока не пройден текущий.
- Регистрация и вход в модальных окнах, отдельный виджет формы на странице и вызов окон из любых кнопок сайта по классу.
- Вход по одноразовой ссылке, токен в cookie, проверка полей и маски ввода.
- Адаптивная вёрстка с отдельными иллюстрациями для телефона.
Коммерческий проект в команде: фронтенд по готовому дизайну. Скриншоты сняты с тестовой сборки на тестовых данных, логотипы и названия партнёров скрыты.