Frontend-Entwickler in Deutschland

• Entwicklung und Optimierung der RTL+-Frontend-Anwendung für SmartTV- und Set-Top-Box-Plattformen mit React und Next.js.
• Schlüsselrolle bei der fachlichen Steuerung von Entwicklern im Team und bei der Koordination der Umsetzung.
• Zentrale Schnittstelle zu angrenzenden Teams, um Entwicklungsabläufe zu vereinfachen und die teamübergreifende Abstimmung zu verbessern.
• Verbesserung von Frontend-Performance, Stabilität und Rendering-Verhalten auf leistungsschwachen Geräten in einer eingeschränkten Runtime-Umgebung.
• Umsetzung einer Frontend-Teststrategie mit Jest, React Testing Library und Playwright.
• Umsetzung von Verbesserungen der Barrierefreiheit gemäß WCAG 2.2 und WAI-ARIA.
• Integration von Didomi Consent Management als Beitrag zur Steigerung der Ad-Monetarisierung auf Streaming-Plattformen.
• Einsatz KI-gestützter Engineering-Workflows mit Cursor für strukturierte Implementierung, Refactoring und schnellere Problemlösung.

Eingesetzte Technologien: React, Next.js, TypeScript, JavaScript, GraphQL, Apollo Gateway, Zustand, Tailwind CSS, Styled Components, React Testing Library, Playwright, Jest, HTML5, CSS3, AWS Lambda, EC2, CloudFront, S3, GitLab CI/CD, NX, Cursor

• Komplexe React/TypeScript-Frontend-Systeme für stark anpassbare Brillenprodukte entwickelt.
• Internes Tooling zum Validieren und Verwalten von Produktkonfigurationsregeln entworfen.
• Barrierefreiheits-Initiativen geleitet, um kundennahe Anwendungen an die EU-Anforderungen zur Barrierefreiheit anzupassen.
• Umfangreich in großen Legacy-Codebasen gearbeitet und dabei Wartbarkeit sowie Developer Experience schrittweise verbessert.
• In einem internationalen E-Commerce-Umfeld teamübergreifend mit mehreren Teams zusammengearbeitet.

Projekt für einen führenden deutschen E-Mail- und Cloud-Dienstleister: Als Senior Frontend Developer und Technischer Webarchitekt entwickelte ich einen internationalen, mandantenfähigen White-Label-Consent-Management-Layer für mehrere Marken.

Hauptaufgaben:

• Architektur und Implementierung mit Vue 3, TypeScript und Vite
• Entwicklung automatisierter Tests mit Vitest und Playwright
• Erstellung markenspezifischer CMP-Konfigurationen, CSS-Themes, i18n-Strukturen und Vendor-Einstellungen
• Umsetzung der Playout- und Initialisierungslogik sowie der Backend-Anbindung
• technische Entscheidungsgrundlagen, Projekt- und Code-Dokumentation

Wirkung: Ablösung externer CMP-Lösungen durch eine wiederverwendbare und langfristig wartbare Inhouse-Basis für mehrere internationale Marken und Rollouts.

Technologien: Vue 3, TypeScript, Vite, Vitest, Playwright, IAB TCF, Google Additional Consent, i18n, Git, CI/CD.

• Entwicklung eines React- und TypeScript-Dashboards mit wiederverwendbaren UI-Komponenten und API-basierter Datenvisualisierung.
• Implementierung dynamischer Datenanzeige, State-Management und einer auf Performance ausgerichteten Frontend-Architektur.
• Integration Python-basierter Backend-Dienste zur Verarbeitung und Visualisierung von SEO-Analysen.

• Neu- und Weiterentwicklungen der Oberflächen im Frontend für den Investorenkreis, unter Verwendung von HTML5, JavaScript, CSS, React, Material UI, JSTL

Diagramme für historische Daten, Alarme und Stillstandszeiten entwickelt sowie interaktive Tabellen optimiert, um die Leistung von Ölbohrungen effizient zu überwachen und zu vergleichen. 80 % der kritischen und mittleren Sicherheitsrisiken (Checkmarx) in der Anwendung behoben. Diagrammbibliotheken optimiert und den Speicherverbrauch bei großen Datensätzen auf 300–400 MB gesenkt.

• Savills ist eines der weltweit führenden Immobilienberatungsunternehmen mit mehr als 700 Büros weltweit. In Berlin entwickelte ich zentrale digitale Lösungen für das Bewertungsgeschäft und ersetzte auf Access basierende Legacy-Workflows durch eine auf Vue.js entwickelte Webanwendung auf Enterprise-Niveau.
• Frontend-Architektur und Skalierbarkeit: Entwicklung einer skalierbaren Vue- und TypeScript-Frontend-Architektur für interne Unternehmensanwendungen mit Symfony-Backend und interaktiven Karten.
• Modernisierung von Legacy-Systemen: Leitung der Modernisierung älterer, auf jQuery basierender Systeme hin zu wartbaren Vue-Anwendungen, wodurch Performance, Wartbarkeit und Geschäftsabläufe verbessert wurden.
• Automatisierung von PDF-Berichten: Entwicklung automatisierter, Twig-basierter Pipelines zur PDF-Erstellung, wodurch die manuelle Erstellung von Berichten um etwa 80 % reduziert wurde. Dies sparte pro Analyst und Monat ungefähr 12 Stunden.
• Designsystem und Frontend: Aufbau eines skalierbaren, SASS-basierten Designsystems mit Mixins, Maps, Funktionen und wiederverwendbaren UI-Mustern für Konsistenz und langfristige Wartbarkeit.

• Konzeption neuer Apps sowie Weiterentwicklung und Betrieb von 29 Angular-Apps für die digitale Schadenmeldung im Nx-Monorepo
• Pflege und Weiterentwicklung einer gemeinsamen Komponentenbibliothek mit ca. 300 Bibliotheken für mehrere Produktteams
• Migration aller Apps auf ein neues Designsystem inkl. zugehöriger Komponentenbibliothek und systematischem Refactoring
• Weiterentwicklung und Pflege der CI/CD-Pipelines (Jenkins, Azure DevOps, Terraform, AWS)
• Eigenverantwortliche Releases inkl. Branch-Verwaltung, Versionierung, PR-Koordination und Produktivsetzung
• Implementierung und Pflege des Trackings (Adobe Analytics)
• Umsetzung der Barrierefreiheit nach BFSG/WCAG
• Testgetriebene Entwicklung (TDD) mit Jest und Cypress
• Code-Reviews, Mentoring und Etablierung von Best Practices im Team
• Technologien: TypeScript, Angular 16–20, RxJS, NgRx, Nx (Monorepo), npm, HTML, (S)CSS, Storybook, Jest, Cypress, Cucumber, Husky, Node.js, Git, AWS, Azure DevOps (Repos & Pipelines), Jenkins, Terraform, TDD, BFSG, WCAG, Nexus, IntelliJ, Adobe Analytics

• Gestaltung und Entwicklung responsiver, barrierefreier Webanwendungen für KMU und Privatkunden mit React.js, Tailwind CSS, JavaScript und HTML5.
• Aufbau wiederverwendbarer UI-Komponentenbibliotheken zur Verbesserung der Wartbarkeit und Reduzierung der Entwicklungszeit.
• Integration von REST-APIs und Implementierung dynamischer Funktionen (Landingpages, Portfolios, Dashboards) auf Basis von Figma/Adobe XD-Designs.
• Eigenständige Steuerung des gesamten Projektzyklus (Analyse, Entwicklung, Test, Deployment auf Netlify/Vercel) unter Einhaltung von Mobile-First- und Cross-Browser-Standards.

• Moss ist eine Ausgabenmanagement-Plattform für KMU, die Firmenkarten, Webanwendungen und Spesenabrechnung, Kreditoren-/Beschaffungsprozesse und erweiterte Buchhaltung an einem Ort bündelt.
• Arbeitet in den Tribes Accounting, Spending und Growth und übernimmt Anforderungsanalyse, öffentliches Produktdesign, Implementierung, Test, Debugging und interne Apps.
• Beteiligt sich an der Entwicklung und Pflege des Design-Systems/UI-Kits und unterstützt dabei Tools, Dokumentation und die Entwicklererfahrung.
• Erstellt formularlastige UIs, auf Schubladen basierende Bearbeitung, hochdichte/fehlertolerante Tabellen mit serverseitigen Filtern, Paginierung, Spaltenkonfigurationen, CSV-/Excel-Export und Massenaktionen, alles abgesichert durch Berechtigungen und Audit-Funktionen.
• Arbeitet mit komplexen Beziehungen zwischen Entitäten ohne eine Single-Schema-Lösung.
• Verwendet React, Redux Toolkit, styled-components, react-hook-form, React PDF, Vite, Lokalise, React Testing Library und Playwright.

Selbst initiiertes Einzelprojekt, aktiv in Entwicklung

• Full-Stack-TypeScript-App (Nuxt 4, Vue 3, Nitro, Drizzle ORM, PostgreSQL) zum Leiten von Pen-&-Paper-RPG-Kampagnen, aufgebaut um einen systemunabhängigen Kern, der so entworfen ist, dass er sich von Pathfinder 2e auf andere Systeme erweitern lässt, ohne etwas neu zu schreiben.
• Bewusstes Modell für Inhaltsbesitz: Live References vs. Owned Content, mit Publishing als unveränderlichem Snapshot statt als Flag, von Anfang an für Zukunftssicherheit ausgelegt. Namensraum-basierte, eingefrorene Slugs für kollisionssichere URLs.
• Daten-Import-Pipeline, die kuratierte Foundry-VTT-Daten in ein normalisiertes Schema importiert, mit Versionsprüfung. Die Bibliothek enthält aktuell 1.209 Kreaturen und 1.796 Zauber (PF2e Remastered-Inhalte); die Lizenzierung ist für die Statblock-Anzeige unter ORC/OGL geklärt.
• Strikter TDD-Workflow (Red-Green-Refactor, vertikale Slices; Vitest, Playwright, PGlite für schnelle In-Memory-DB-Integrationstests), Architecture Decision Records, ein gepflegtes Domain-Glossar.
• Eigenständige, kontofreie öffentliche Tools (Creature Database, Spell Database, Encounter Builder), die vor dem vollständigen Kampagnen-/Abenteuerprodukt veröffentlicht werden, als Einstieg mit geringerer Hürde, um schneller echte Nutzung zu bekommen. Selbst gehostet auf einem Hosteurope-VPS.

Stack: Nuxt 4, Vue 3, Nitro, Drizzle ORM, PostgreSQL, Vitest, Playwright, PGlite

• Senior Frontend Angular und Frontend
• Camunda-Prozesse im Frontend einarbeiten
• Entwicklung unterstützt durch ChatGPT (Codex) und Claude (Skills etc.)

Kenntnisse: Angular, Camunda

Eingesetzte Produkte: Claude, Codex, ChatGPT, Camunda

• Deutsch und Mathematik für Kinder im Alter von 4 bis 16 Jahren unterrichtet sowie bei Hausaufgaben und im Nachhilfeunterricht unterstützt
• Startups bei UX, MVP-Entwicklung und der Lean-Startup-Methode unterstützt
• Beim Branding, der Kommunikation und dem Design mitgeholfen, um die Marktpräsenz zu stärken
• Website und Venture-Lab-App gepflegt; Veranstaltungen koordiniert und durchgeführt
• Präsentationen entwickelt, um die interne und externe Kommunikation zu unterstützen

• Auswahl und Evaluierung verschiedener Frontend-Frameworks für ein Headless CMS

• Beratung des UI/UX-Teams zum Designsystem

• Technologien:

• Figma

• Design Token

• Tailwind

• Storybook

• React

• NextJs

• Strapi

• AJAX

• Confluence

• CSS3

• Docker

• ESLint

• Git

• GraphQL

• HTML5

• IntelliJ/WebStorm

• JAM Stack

• Jasmine

• Jenkins

• Jira

• JSON

• JSX

• Mocha

• Native JavaScript (ES6)

• NodeJS

• Prettier

• REST

• REST APIs

• SCSS

• SSR

• Styleguides

• SVG

• TypeScript

• Webpack