OnepageOnepage Tagline Editor
Technická úloha: editor tagov so živým náhľadom, radením presúvaním a nastavením štýlu.
Makety na zariadeniach a snímky verejných webov z októbra 2026. Weby môžu obsahovať zmeny vykonané po mojom zapojení.
Prehľad
Pre technické zadanie spoločnosti Onepage som vytvoril editor prvku tagline v nástroji na tvorbu webov. Panel nastavení aktualizuje živý náhľad štítkov, ich poradia a vzhľadu. Ide o samostatné demo pre výberové konanie. Ukladanie cez API je simulované.
Zadanie
Dodržať dodaný návrh a uľahčiť rozširovanie editora o nové typy prvkov, nastavenia a stavy rozhrania.
Moja práca
Editor som vytvoril v Reacte, TypeScripte a MobX. Oddelené doménové a rozhraniové úložiská spravujú stav, zatiaľ čo znovupoužiteľné panely obsluhujú úpravu štítkov, radenie potiahnutím a štýly.
Výsledky
- Plávajúci panel nastavení s 3 navigovateľnými podpanelmi (zoznam, vytvoriť/upraviť, štýly)
- Živý náhľad so synchronizáciou štýlov v reálnom čase pre všetky 4 varianty, 5 veľkostí, 5 polomerov
- Zmena poradia značiek potiahnutím v zozname bočného panelu a náhľade plátna
Máte nápad na projekt?
Opíšte, čo chcete vytvoriť. Preberieme rozsah a ďalšie kroky.
