OnepageOnepage Tagline Editor
Una prova tecnica: un editor di tag con anteprima dal vivo, riordino tramite trascinamento e controlli di stile.
Mockup su dispositivi e schermate di siti pubblici di ottobre 2026. I siti possono includere modifiche successive al mio contributo.
Panoramica
Per una valutazione tecnica di Onepage ho creato un editor per l’elemento tagline di un website builder. Un pannello di impostazioni aggiorna un’anteprima dal vivo dei tag, del loro ordine e del loro aspetto. È una demo di valutazione autonoma. Il salvataggio tramite API è simulato.
L’obiettivo
Seguire il design fornito e rendere l’editor facile da estendere con nuovi tipi di elementi, impostazioni e stati dell’interfaccia.
Il mio lavoro
Ho realizzato l’editor con React, TypeScript e MobX. Store separati per dominio e interfaccia gestiscono lo stato, mentre pannelli riutilizzabili si occupano di modifica dei tag, ordinamento con drag and drop e stili.
Risultati
- Pannello di impostazioni fluttuante con 3 sottopannelli navigabili (lista, crea/modifica, stili)
- Anteprima live con sincronizzazione dello stile in tempo reale su tutte le 4 varianti, 5 dimensioni, 5 raggi
- Riordinamento tag tramite trascinamento nella lista della barra laterale e anteprima canvas
Hai un progetto in mente?
Raccontami cosa vuoi creare. Parliamo dell’ambito e dei prossimi passi.
