Бес дизайн, әрқайсысында он екі секция, тоғыз құралды редактор, тіркеусіз шимай нұсқа, өз мекенжайыңызбен жариялау, RSVP және тілек кітабы. Nuxt 3 + FastAPI + MongoDB.
Қазақ тойына жүздеп шақырады — қағаз шақыру WhatsApp-тағы сілтемеге жол береді. Конструктор: дизайн таңдау, секцияларды толтыру, өз мекенжайымен жариялау, RSVP мен қонақтардың тілектерін жинау.
Өнім жеке: дизайн, фронтенд, бэкенд және дерекқор — бәрі өзімдікі. Сондықтан кейстің екі мақсаты бар: инженерия да, талғам да.
Секциялар разметка емес, деректегі реттелген тізім ретінде сақталады. Рендер көрші секцияларды ортақ орауыштары бар «прогондарға» топтайды — фон мен шегіністер орын ауыстырудан бұзылмайды, жаңа дизайн рет логикасын қайта жазуды талап етпейді.
Превью бетті кішірейтіп көрсетеді, ал саусақ экран координатасында өмір сүреді. Әр сүйреу санақ жүйелері арасында қайта есептеледі: көрсеткіш координаты, превью масштабы, элемент өлшемі. Бір көбейткіштегі қате — элемент секіреді.
Қабаттасу координаттары биіктік емес, ен үлесінде сақталады: секция биіктігі кез келген мәтін түзетуінен өзгереді, ені тұрақты. Мазмұнды өңдегеннен кейін қабаттасулар «жылжып» кетпейді.
Толық жол жұмыс істейді: дизайн таңдаудан бастап RSVP-мен жарияланған шақыруға дейін. Кейс инженерияны да, жеке дизайнды да толық көрсетеді.
Конструктор, редактор, нөлден өнім — талқылайық.