OnepageOnepage Tagline Editor
Eine technische Testaufgabe: ein Tagline-Editor mit Live-Vorschau, Drag-and-drop und wiederverwendbaren Stiloptionen.
Geräte-Mockups und Screenshots öffentlicher Websites vom Oktober 2026. Die Websites können Änderungen nach meiner Mitarbeit enthalten.
Überblick
Für eine Onepage-Testaufgabe entwickelte ich einen Editor für ein Tagline-Element. Ein Einstellungspanel aktualisiert Inhalt, Reihenfolge und Darstellung der Tags direkt in der Vorschau. Dies ist eine eigenständige Demo. Die API-Speicherung wird simuliert.
Die Aufgabe
Das vorgegebene Design umsetzen und neue Elementtypen, Einstellungen und Oberflächenzustände leicht ergänzbar machen.
Meine Umsetzung
Ich entwickelte den Editor mit React, TypeScript und MobX. Getrennte Stores verwalten Daten und Oberfläche; eigenständige Panels übernehmen Bearbeitung, Sortierung und Stile.
Ergebnis
- Panels für Liste, Bearbeitung und Stile
- Live-Vorschau für Inhalts- und Stiländerungen
- Drag-and-drop in Liste und Vorschau
- Simulierte API-Anfragen bei Änderungen
Eine Projektidee?
Erzählen Sie mir, was Sie entwickeln möchten. Wir besprechen den Umfang und die nächsten Schritte.
