Onepage Tagline Editor

Tehnički zadatak: uređivač oznaka s pregledom uživo, redoslijedom putem povlačenja i postavkama stila.

Objavljeno2025Tehnički zadatak

Onepage Tagline Editor - Maketa na prijenosnom računalu, tabletu i telefonu

1 / 5

Makete na uređajima i snimke javnih web-stranica iz listopada 2026. Stranice mogu sadržavati promjene nastale nakon mog sudjelovanja.

Pregled

Za tehnički zadatak tvrtke Onepage izradio sam uređivač za element slogana u alatu za izradu web stranica. Ploča postavki ažurira pregled uživo oznaka, njihova redoslijeda i izgleda. Riječ je o samostalnom demu za procjenu. Spremanje putem API-ja je simulirano.

Zadatak

Slijediti zadani dizajn i olakšati proširivanje uređivača novim vrstama elemenata, postavkama i stanjima sučelja.

Moj rad

Uređivač sam izradio s Reactom, TypeScriptom i MobX-om. Odvojeni storeovi domene i sučelja upravljaju stanjem, a ploče za višekratnu upotrebu služe za uređivanje oznaka, promjenu redoslijeda povlačenjem i stilove.

Rezultati

Plutajući panel postavki s 3 navigacijska potpanela (popis, kreiraj/uredi, stilovi)
Uživo pregled sa sinkronizacijom stilova u stvarnom vremenu na sve 4 varijante, 5 veličina, 5 polumjera
Promjena redoslijeda oznaka povlačenjem u popisu bočne trake i predprikazu platna