Marktplatz-Modernisierung
Schrittweise Migration des Frontends von jQuery zu Vue.js – während der internationale Marktplatz für Luxusuhren weiterlief.
- Projektumfeld
- Chrono24
- Branche
- E-Commerce & Luxusgüter
- Zeitraum
- 12/2018–06/2020
- Dauer
- 1,5 Jahre
- Rolle
- Frontend Engineer
Kontext
Frontend-Migration für den internationalen Online-Marktplatz für Luxusuhren. Von Dezember 2018 bis Juni 2020 arbeitete ich an der schrittweisen Modernisierung des Frontends von jQuery hin zu Vue.js — innerhalb einer laufenden Plattform mit großer internationaler Reichweite.
Aufgabe
Das über Jahre gewachsene Frontend verband serverseitig gerenderte Java-Templates mit jQuery. Für neue interaktive Funktionen sollte schrittweise eine komponentenbasierte Vue.js-Architektur etabliert werden.
Eine vollständige Neuentwicklung kam im laufenden Marktplatzbetrieb nicht infrage. Chrono24 nannte für 2020 rund neun Millionen monatliche Unique Visitors und ein jährliches Transaktionsvolumen von etwa 1,5 Milliarden Euro. Änderungen mussten deshalb inkrementell und eng mit den beteiligten Teams abgestimmt werden.
Die Aufgabe war, Seitenbereiche und Komponenten schrittweise zu migrieren, ohne zentrale Nutzer- und Transaktionsabläufe zu unterbrechen.
Technische Umsetzung
Die Migration folgte einem inkrementellen Ansatz: Einzelne Seitenbereiche und Komponenten wurden schrittweise von jQuery auf Vue.js umgestellt. Neue Features wurden direkt in Vue.js entwickelt, bestehende Seiten wurden nach und nach migriert.
Architektur-Highlights
- Inkrementelle Migration: Schrittweise Ablösung von jQuery durch Vue.js-Komponenten — keine Big-Bang-Migration
- Vue.js + TypeScript: Moderne, typsichere Frontend-Architektur mit komponentenbasiertem Ansatz
- SCSS Design-System: Einheitliches Styling über die gesamte Plattform — neu und legacy
- Laufender Marktplatzbetrieb: Schrittweise Integration in eine international genutzte Plattform
Mein Beitrag
Als Frontend Engineer habe ich über 1,5 Jahre in mehreren Scrum-Teams an der Migration gearbeitet. Mein Fokus lag auf der Entwicklung neuer Vue.js-Komponenten und der Migration bestehender jQuery-basierter Seitenbereiche.
Die Arbeit erforderte ein tiefes Verständnis sowohl des Legacy-Codes als auch der Zielarchitektur. Migrierte Komponenten mussten die relevanten bestehenden Abläufe verlässlich erhalten und sich schrittweise in die Plattform integrieren.
Neben der reinen Entwicklung war auch die Koordination innerhalb und zwischen den Scrum-Teams ein wichtiger Teil meiner Rolle. Bei einer Plattform dieser Größe arbeiten viele Teams parallel an verschiedenen Bereichen — Abstimmung und gemeinsame Conventions sind entscheidend für den Erfolg.
Tech Stack
Vue.js und TypeScript wurden schrittweise in das bestehende Frontend integriert und weiterhin an Java-basierte Backend-Schnittstellen angebunden.
- Vue.js
- TypeScript
- JavaScript
- jQuery
- SCSS
- Bootstrap
- Webpack
- REST APIs
- Java
- Scrum
