OnepageOnepage Tagline Editor
A technical assessment: a tagline editor with live preview, drag-and-drop ordering and reusable style controls.
Device mockups and public website screenshots from October 2026. Sites may include changes made after my contribution.
Overview
For a Onepage technical assessment, I built an editor for a website builder’s tagline element. A settings panel updates a live preview of the tags, their order and appearance. This is a standalone assessment demo. API persistence is simulated.
The goal
Follow the supplied design and make the editor easy to extend with new element types, settings and interface states.
What I built
I built the editor with React, TypeScript and MobX. Separate domain and interface stores manage state, while reusable panels handle tag editing, drag-and-drop order and styles.
Delivered
- Settings panels for tag lists, editing and styles
- Live preview of style and content changes
- Drag-and-drop ordering in the list and preview
- Simulated API requests for edits
Have a project in mind?
Tell me what you want to build. We can discuss the scope and the next steps.
