Lead Frontend Architect

6/2019 – 9/2020

Im Zuge der Weiterentwicklung und Erweiterung einer Webanwendung zur Verfolgung von LKWs mit Baumaterialien, war ich federführend bei der Entwicklung einer Heuristik für die visuelle Aufbereitung von LKW-Routen in einer Google-Maps-Ansicht. Ein zentraler Aspekt meiner Arbeit war die Einführung eines Mono-Repositories, um die Frontend-Entwicklung zu vereinheitlichen und die Implementierung automatisierter Tools für das Hosting in Azure und Azure CDN zu optimieren. Dies verbesserte nicht nur die Performance im Vergleich zur vorherigen Docker-basierten Lösung, sondern förderte auch eine effizientere und kollaborative Arbeitsweise im Team.

Durch die Standardisierung von TypeScript und ESLint schaffte ich eine konsistente Entwicklungsgrundlage, die zusammen mit der Einführung von Cypress-basierten E2E-Tests zu einer qualitativ hochwertigeren Codebasis führte. Die schrittweise Migration der Codebasis auf TypeScript und die Implementierung eines verbesserten Axios-basierten API-Clients waren weitere Meilensteine, die zur Robustheit und Skalierbarkeit unserer Anwendung beitrugen.

Als Sparringspartner für UX-Designer und in meiner Funktion als leitender Entwickler unterstützte ich die Gestaltung eines benutzerzentrierten UI-Frameworks. Meine Rolle beinhaltete die Entwicklung eines gemeinsamen Verständnisses für effektive Komponentenstrukturen und deren Umsetzung, wodurch wir innovative und benutzerfreundliche Lösungen realisieren konnten. Meine Beiträge wurden als wegweisend für die Art und Weise, wie wir Webanwendungen entwickeln und veröffentlichen, angesehen und haben maßgeblich dazu beigetragen, unseren technologischen Stack zu verbessern und das Team zu inspirieren, bestehende Grenzen zu überwinden und kontinuierlich dazuzulernen.

Software Quality, Software Architecture, Typescript, CSS (Cascading Style Sheet), HTML, React (JavaScript library)

9/2018 – 6/2019

Die Herausforderung, einen Online-Shop neu zu entwickeln, der sowohl Multi-Brand-Fähigkeiten als auch internationale Unterstützung bietet, führte mich zur Implementierung einer GraphQL-Orchestration-Schicht mittels Apollo auf Client- und Serverseite. Diese Aufgabe umfasste nicht nur technische Neuerungen, sondern auch das Mentoring meines Teams, um ein tiefes Verständnis und eine effektive Anwendung der Technologien zu gewährleisten. Durch die Einführung serverseitigen Renderings (SSR) und einer fortschrittlichen Code-Splitting-Lösung mit Loadable Components konnte die Leistung und Nutzererfahrung des Shops signifikant gesteigert werden.

Ein weiterer wichtiger Meilenstein war die Implementierung einer JWT-basierten, SSR-kompatiblen Nutzerzuordnung, die eine nahtlose Nutzererfahrung über verschiedene Sessions und Geräte hinweg ermöglichte. Durch Optimierungen im Bereich des Toolings, einschließlich Threading und Caching in Webpack, sowie der Umstellung des TypeScript-Toolings auf Babel, konnte ich die Entwicklungszeiten und die Hot Module Replacement (HMR)-Effizienz deutlich verbessern. Darüber hinaus trug die Optimierung des clientseitigen Routings und die Implementierung von Preloading für diverse Code-Split-Pfade zu einer reibungslosen und schnellen Navigation bei.

Graphql, Software Quality, Software Architecture, Typescript, CSS (Cascading Style Sheet), HTML, JavaScript, React (JavaScript library), Softwareauswahl (Evaluierung)