OnepageOnepage Tagline Editor
Техническа задача: редактор на тагове с преглед на живо, подреждане чрез плъзгане и настройки на стила.
Макети на устройства и снимки на публични сайтове от октомври 2026 г. Сайтовете може да включват промени, направени след моето участие.
Общ преглед
За техническа задача на Onepage създадох редактор за елемента слоган в конструктор на уебсайтове. Панел с настройки обновява преглед на живо на етикетите, техния ред и външен вид. Това е самостоятелно демо за оценка. Записът чрез API е симулиран.
Задачата
Да се следва предоставеният дизайн и редакторът лесно да се разширява с нови типове елементи, настройки и състояния на интерфейса.
Моята работа
Изградих редактора с React, TypeScript и MobX. Отделни хранилища за домейна и интерфейса управляват състоянието, а панели за многократна употреба отговарят за редактирането на етикетите, подреждането с плъзгане и стиловете.
Резултати
- Плаващ панел на настройките с 3 навигируеми подпанела (списък, създаване/редактиране, стилове)
- Живо предварителен преглед с синхронизация на стилове в реално време за всички 4 варианта, 5 размера, 5 радиуса
- Прередактиране на етикети чрез влачене в списъка на странична лента и предварителен преглед на платното
Имате идея за проект?
Разкажете какво искате да създадете. Ще обсъдим обхвата и следващите стъпки.
