OnepageOnepage Tagline Editor
Technikai próbafeladat: címkeszerkesztő élő előnézettel, húzással rendezhető elemekkel és stílusbeállításokkal.
Eszközös látványtervek és nyilvános weboldalak képernyőképei 2026 októberéből. Az oldalak a közreműködésem utáni módosításokat is tartalmazhatnak.
Áttekintés
Egy Onepage műszaki feladathoz szerkesztőt készítettem egy weboldalkészítő szlogenelemhez. A beállítási panel élő előnézetben frissíti a címkéket, azok sorrendjét és megjelenését. Ez önálló felvételi demó. Az API-n keresztüli mentés szimulált.
A feladat
A kapott terv pontos követése és a szerkesztő könnyű bővíthetősége új elemtípusokkal, beállításokkal és felületi állapotokkal.
Az én munkám
A szerkesztőt React, TypeScript és MobX segítségével készítettem. Külön domain- és felületi store-ok kezelik az állapotot, az újrahasználható panelek pedig a címkék szerkesztését, a húzással történő sorrendezést és a stílusokat.
Eredmények
- Lebegő beállítások panel 3 navigálható alpanellel (lista, létrehozás/szerkesztés, stílusok)
- Élő előnézet valós idejű stílus szinkronizálásával az összes 4 variáns, 5 méret, 5 sugár között
- Címke átrendezése az oldalsó sáv listájában és vászon előnézetben húzással
Van egy projektötlete?
Mondja el, mit szeretne létrehozni. Megbeszéljük a feladatokat és a következő lépéseket.
