OnepageOnepage Tagline Editor
Technický úkol: editor tagů s živým náhledem, řazením přetažením a nastavením stylu.
Makety na zařízeních a snímky veřejných webů z října 2026. Weby mohou obsahovat změny provedené po mém zapojení.
Přehled
Pro technické zadání společnosti Onepage jsem vytvořil editor prvku tagline v nástroji pro tvorbu webů. Panel nastavení aktualizuje živý náhled štítků, jejich pořadí a vzhledu. Jde o samostatné demo pro výběrové řízení. Ukládání přes API je simulované.
Zadání
Dodržet dodaný návrh a usnadnit rozšiřování editoru o nové typy prvků, nastavení a stavy rozhraní.
Moje práce
Editor jsem vytvořil v Reactu, TypeScriptu a MobX. Oddělené doménové a rozhraní úložiště spravují stav, zatímco znovupoužitelné panely obsluhují úpravu štítků, řazení přetažením a styly.
Výsledky
- Plovoucí panel nastavení se 3 navigovatelnými subpanely (seznam, vytvořit/upravit, styly)
- Živý náhled se synchronizací stylů v reálném čase ve všech 4 variantách, 5 velikostech, 5 poloměrech
- Přeuspořádání značek přetažením v seznamu postranního panelu a náhledu plátna
Máte nápad na projekt?
Popište, co chcete vytvořit. Probereme rozsah a další kroky.
