OnepageOnepage Tagline Editor
Тестове завдання: редактор тегів із живим переглядом, зміною порядку перетягуванням та налаштуваннями стилю.
Макети на пристроях і скриншоти публічних сайтів за жовтень 2026 року. Сайти можуть містити зміни, внесені після моєї участі.
Огляд
Для тестового завдання Onepage я створив редактор елемента Tagline. Панель налаштувань одразу змінює вміст, порядок і вигляд тегів у попередньому перегляді. Це окреме тестове демо. Збереження через API імітується.
Завдання
Відтворити наданий дизайн і зробити редактор придатним для додавання нових типів елементів та налаштувань.
Що я зробив
Я створив редактор на React, TypeScript і MobX. Дані та стан інтерфейсу розділені; окремі панелі відповідають за редагування, перетягування та стилі.
Результат
- Панелі списку, редагування та стилів
- Миттєвий перегляд змін
- Перетягування тегів у списку та на полотні
- Імітація API-запитів під час редагування
Маєте ідею проєкту?
Розкажіть, що хочете створити. Обговоримо обсяг роботи та наступні кроки.
