OnepageOnepage Tagline Editor
Un test tehnic: un editor de etichete cu previzualizare live, reordonare prin tragere și setări de stil.
Machete pe dispozitive și capturi ale site-urilor publice din octombrie 2026. Site-urile pot include modificări făcute după contribuția mea.
Prezentare generală
Pentru o evaluare tehnică Onepage, am creat un editor pentru elementul de slogan al unui constructor de site-uri. Un panou de setări actualizează o previzualizare live a etichetelor, a ordinii și a aspectului lor. Este un demo de evaluare independent. Salvarea prin API este simulată.
Obiectivul
Respectarea designului primit și extinderea ușoară a editorului cu noi tipuri de elemente, setări și stări ale interfeței.
Munca mea
Am construit editorul cu React, TypeScript și MobX. Store-uri separate pentru domeniu și interfață gestionează starea, iar panourile reutilizabile se ocupă de editarea etichetelor, ordonarea prin drag and drop și stiluri.
Rezultate
- Panou setări plutitor cu 3 subpanouri navigabile (listă, creare/editare, stiluri)
- Previzualizare live cu sincronizare stil în timp real pe toate 4 variante, 5 dimensiuni, 5 raze
- Reordonare etichete prin tragere în lista barei laterale și previzualizare pânză
Aveți o idee de proiect?
Spuneți-mi ce doriți să construiți. Discutăm despre amploare și pașii următori.
