Пять дизайнов, двенадцать секций в каждом, редактор из девяти инструментов, черновик без регистрации, публикация по своему адресу, RSVP и книга пожеланий. Nuxt 3 + FastAPI + MongoDB.
На казахский той зовут сотнями — бумажные приглашения уступают ссылке в WhatsApp. Конструктор: выбрать дизайн, заполнить секции, опубликовать по своему адресу, собрать RSVP и пожелания гостей.
Продукт собственный: дизайн, фронтенд, бэкенд и база — всё своё. Поэтому кейс двойного назначения: и инженерия, и вкус. Статус — демо-версия, не публичный запуск.
Секции хранятся как упорядоченный список в данных, а не как разметка. Рендер группирует соседние секции в «прогоны» с общими обёртками — фон и отступы не ломаются от перестановки, а новый дизайн не требует переписывать логику порядка.
Превью показывает страницу в уменьшении, а палец живёт в координатах экрана. Каждое перетаскивание пересчитывается между системами отсчёта: координаты указателя, масштаб превью, размеры элемента. Ошибка в один множитель — и элемент прыгает.
Координаты наложений хранятся в долях ширины, а не высоты: высота секции меняется от любой правки текста, ширина — стабильна. Наложения не «уплывают» после редактирования содержимого.
Работающая демо-версия: от выбора дизайна до опубликованного приглашения с RSVP. Публичный запуск впереди — но кейс уже показывает и инженерию, и собственный дизайн целиком.
Конструктор, редактор, продукт с нуля — обсудим.