freiberufler Lead Frontend Architect auf freelance.de

Lead Frontend Architect

zuletzt online vor 1 Tagen
  • 119€/Stunde
  • 55128 Mainz
  • DACH-Region
  • de
  • 04.08.2024

Kurzvorstellung

20 Jahre Erfahrung mit Webtechnologien. Liebt saubere Designs und intelligente Schnittstellen. Visionär, Erfinder und Weltverbesserer. Autodidakt, Kritiker und Mentor. Initiator und langjähriger Entwickler von Frameworks und Tooling-Lösungen.

Qualifikationen

  • React (JavaScript library)5 J.
  • Software Architektur / Modellierung5 J.
  • TypeScript5 J.
  • CSS (Cascading Style Sheet)5 J.
  • HTML5 J.
  • JavaScript4 J.
  • Playwright
  • Storybook

Projekt‐ & Berufserfahrung

Leitender Frontend-Architekt
SBB - Schweizerische Bundesbahnen AG (Telekom MMS), Bern
3/2024 – 6/2024 (4 Monate)
Transportunternehmen
Tätigkeitszeitraum

3/2024 – 6/2024

Tätigkeitsbeschreibung

Detaillierte Analyse der bestehenden Technologie und Architektur eines Mikro-Frontends, um Verbesserungsvorschläge zu erarbeiten. Implementierung eines Proof of Concept für eine Mono-Repository-Lösung für die nationale Ticket-Buchungsstrecke der SBB. Beratung zur Internationalisierung des Frontends. Abstimmen und Aufstellen eines Linting-Regelwerks. Begleitung und Umsetzung von Code-Refactorings im Team zur nachweislichen Qualitätsverbesserung.

Eingesetzte Qualifikationen

Front-End Entwicklung, React (JavaScript library), Software Architektur / Modellierung, Softwarequalität

Lead Frontend Entwickler
EnBW AG, Karlsruhe
6/2022 – 2/2024 (1 Jahr, 9 Monate)
Versorgungswirtschaft
Tätigkeitszeitraum

6/2022 – 2/2024

Tätigkeitsbeschreibung

Meine Rolle umfasste die architektonische Beratung innerhalb des ReactJS-Frameworks für eine Reihe von Webanwendungen, die für den Drittmarkt entwickelt wurden. Dies schloss sowohl Portale für Endkunden als auch für interne Dienstleister, wie Support-Mitarbeiter, ein. Eine besondere Herausforderung bestand darin, die Anwendungen als White-Label-Produkte zu konzipieren, die flexibel genug waren, um eine breite Palette von Markenanpassungen zu unterstützen – von Farbschemata und Logos bis hin zu spezifischen Funktionalitäten.

Die Skalierbarkeit und Anpassungsfähigkeit dieser Plattformen waren entscheidend, um sie für verschiedene Marken und Unternehmen attraktiv zu machen. Die technologische Basis, die ich für das Kundenberater-Portal entwickelte, diente anderen Teams als Vorlage und Inspiration für ihre eigenen Projekte. Zusätzlich war ich für die Entwicklung wiederverwendbarer Komponenten verantwortlich, die über einzelne Projekte hinweg Einsatz fanden und somit die Konsistenz und Effizienz in der Entwicklung förderten.

Ein besonderes Augenmerk lag auf der Schaffung responsiver Portale, die eine optimale Anzeige auf verschiedensten Desktop-Systemen ermöglichten. Wenngleich der Fokus nicht primär auf mobilen Endgeräten lag, so war die Flexibilität zwischen unterschiedlichen Desktop-Umgebungen ein zentrales Element.

Ein wesentlicher Bestandteil meiner Arbeit war auch das Einrichten und Pflegen der Entwicklungsinfrastruktur, wobei ich mich für innovative Lösungen wie ein Mono-Repository und eine umfangreiche Testabdeckung durch Storybook entschied. Diese Initiativen trugen maßgeblich zu einer effizienten, kollaborativen Arbeitsumgebung bei und setzten neue Standards für die Projektentwicklung und -qualität.

Eingesetzte Qualifikationen

Softwarequalität, Software Architektur / Modellierung, TypeScript, CSS (Cascading Style Sheet), HTML, JavaScript, React (JavaScript library)

Lead Web Frontend Architekt
NetzeBW, Karlsruhe
2/2021 – 2/2022 (1 Jahr, 1 Monat)
Versorgungswirtschaft
Tätigkeitszeitraum

2/2021 – 2/2022

Tätigkeitsbeschreibung

Ich übernahm die architekturelle Verantwortung für die Frontend-Architektur, entwickelte Verbesserungsvorschläge für bestehende Strukturen und skizzierte Architekturen für neue Entwicklungen. Durch die Anwendung von API-First-Entwicklung und die Implementierung von End-to-End Tests mit Cypress, erreichte ich eine Code-Coverage von 70% für das bestehende Kundencenter, was eine solide Basis für die Qualitätssicherung in zukünftigen Releases bildete.

Eingesetzte Qualifikationen

Responsive Webdesign, Softwarequalität, Testautomatisierung, Software Architektur / Modellierung, TypeScript, CSS (Cascading Style Sheet), HTML, JavaScript, React (JavaScript library)

React-Architekt
Heidelberg Cement (Heidelberg Materials), Heidelberg
6/2019 – 9/2020 (1 Jahr, 4 Monate)
Bauwirtschaft, Anlagen- und Schiffbau
Tätigkeitszeitraum

6/2019 – 9/2020

Tätigkeitsbeschreibung

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.

Eingesetzte Qualifikationen

Softwarequalität, Software Architektur / Modellierung, TypeScript, CSS (Cascading Style Sheet), HTML, React (JavaScript library)

React-/GraphQL-Architekt
Josef Witt GmbH (Teil der Otto Gruppe), Weiden in der Oberpfalz
9/2018 – 6/2019 (10 Monate)
Handel
Tätigkeitszeitraum

9/2018 – 6/2019

Tätigkeitsbeschreibung

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.

Eingesetzte Qualifikationen

GraphQL, Softwarequalität, Software Architektur / Modellierung, TypeScript, CSS (Cascading Style Sheet), HTML, JavaScript, React (JavaScript library), Softwareauswahl (Evaluierung)

Ausbildung

Fachinformatiker
Ausbildung
Leo-Sympher-Berufskolleg, Minden
2000

Persönliche Daten

Sprache
  • Deutsch (Muttersprache)
Reisebereitschaft
DACH-Region
Arbeitserlaubnis
  • Europäische Union
Home-Office
bevorzugt
Profilaufrufe
62
Alter
43
Berufserfahrung
23 Jahre und 8 Monate (seit 01/2001)

Kontaktdaten

Nur registrierte PREMIUM-Mitglieder von freelance.de können Kontaktdaten einsehen.

Jetzt Mitglied werden