styled-components Experten 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

• Moss ist eine Plattform für Ausgabenmanagement für KMU, die Firmenkarten, webbasierte Anwendungen und Rückerstattungen, Kreditorenbuchhaltung/Beschaffung sowie fortgeschrittene Buchhaltung an einem Ort bündelt.
• Arbeitet in den Tribes Accounting, Spending und Growth und übernimmt Anforderungsanalyse, öffentliches Produktdesign, Programmierung, Tests, Fehlerbehebung und interne Anwendungen.
• Beteiligt sich an der Entwicklung und Wartung des Designsystems/UI-Kits und unterstützt Tools, Dokumentation und die Developer Experience.
• Entwickelt formularintensive Benutzeroberflächen, Bearbeitung über Drawer sowie hochdichte und robuste Tabellen mit serverseitigen Filtern, Seitennavigation, Spaltenkonfigurationen, CSV-/Excel-Export und Massenaktionen, alles mit Berechtigungen und Nachvollziehbarkeit durch Audit-Logs.
• Arbeitet mit komplexen Beziehungen zwischen Entitäten ohne eine einheitliche Schema-Lösung.
• Verwendet React, Redux Toolkit, styled-components, react-hook-form, React PDF, Vite, Lokalise, React Testing Library und Playwright.

In meiner Rolle als Senior Cloud DevOps Architect bei BP, einem Öl- und Gasunternehmen, hatte ich die Aufgabe, die Plattform für das Laden von Elektrofahrzeugen der EV Division von On-Premises und Azure in die AWS-Cloud zu migrieren, was zu einer hybriden Multi-Cloud-, Multi-Tenant-SaaS-Lösung führte.

Der Einsatz von Kubernetes für die Anwendungsebene bedeutete die Bereitstellung von Kubernetes-Clusters, die von EKS und AKS verwaltet wurden, mit Fokus auf die Integration in eine Multi-Tenant-Umgebung. Diese Integration wurde durch den Einsatz von Kubernetes-Namespace und Zugriffskontrollen erreicht, um Datenisolation und Datenschutz sicherzustellen.

Auf der Datenbankebene entschieden wir uns für eine RDS-Instanz mit PostgreSQL zur Unterstützung der Backend-Infrastruktur unserer Anwendungen. Die Mandanten teilten sich dieselbe RDS-Instanz, hatten aber jeweils ein eigenes Schema.

Um nahezu in Echtzeit Daten von physischen Ladestationen (CPOs) als IoT-Geräte über das OCPI-Protokoll aufzunehmen, stießen wir bei der Batch-Verarbeitung auf erhebliche Verzögerungen. Daher entwickelten wir eine Streaming-Datenpipeline in Echtzeit mit Apache Kafka und setzten dabei auf eine eventgetriebene Architektur.

Ich leitete die Zusammenarbeit über mehrere interne Teams, externe Anbieter, Cloud-Provider und Partner vor Ort hinweg, um über fünf Systeme in eine einheitliche Lösung zu integrieren.

Erfolge:

• Erfolgreich hybride Multi-Cloud-Lösungen entworfen und umgesetzt, die mehrere Cloud-Plattformen (AWS, Azure) mit On-Premises-Infrastruktur unter Einsatz von Site-to-Site-VPNs, Firewalls und Load Balancing integrierten.
• Die Migration der On-Premises-Infrastruktur zu einer Multi-Cloud-, Multi-Tenant-Infrastruktur geleitet, was zu 30 % schnelleren Verarbeitungszeiten führte.
• Workloads aus VMware- und Hyper-V-Umgebungen auf cloudbasierte VMs migriert und dabei Cloud-native Services genutzt, um Leistung, Kosteneffizienz und Skalierbarkeit zu optimieren.
• Eine Multi-Tenant-Kubernetes-Plattform entworfen, die das Kubernetes-Ökosystem nutzt, mit Karpenter für die dynamische Bereitstellung von EC2-Nodes, KEDA für eventgesteuertes Pod-Autoscaling (z. B. Kafka-Message-Lag) und Rancher für das zentrale Monitoring mehrerer Cluster (EKS, AKS oder On-Prem K8s), als Ersatz für den Microsoft-zentrierten Azure-Arc-Management-Service.
• Python-basierte FastAPI-Microservices als Teil des EV-Core-Backends auf der AWS-EKS-Anwendungsebene entworfen und umgesetzt, die Datenaufnahme- und Kundenanalyse-Pipelines antreiben.
• Asynchrone, eventgetriebene APIs (Python-FastAPI) für die Echtzeit-Integration mit CPOs entwickelt, mit Unterstützung für OCPI 2.3 und OICP-Protokolle.
• Eine sichere, produktionsreife Azure-Databricks-Plattform mit Terraform entworfen und umgesetzt und dabei Skalierbarkeit und Kosteneffizienz sichergestellt.
• On-Premises-ERP auf eine hybride Dynamics-365-Architektur migriert, mit ERP lokal gehostet und CRM in Azure betrieben, integriert über Azure Arc.
• CI/CD-Pipelines für Databricks-Notebooks und Jobs mit GitHub Actions und Databricks CLI automatisiert, wodurch die Bereitstellungszeit reduziert wurde. Die Bereitstellungszeit für Infrastruktur durch Automatisierung der Cloud-Ressourcenbereitstellung mit GitOps um 70 % reduziert.
• Die Einhaltung interner Audit- und Data-Governance-Standards (GDPR) durch OAuth2/OIDC-basierte Authentifizierung und fein abgestufte rollenbasierte Zugriffskontrollen sichergestellt.
• Ein Zero-Trust-Sicherheitsmodell entwickelt, das Least-Privilege-Zugriffe und Mikrosegmentierung durchsetzt und die Sicherheitslage sowie die Compliance mit GDPR und NIST verbessert.
• Interaktive Analytics-Dashboards in Amazon QuickSight erstellt, die Daten aus S3 und Redshift integrieren, um Echtzeit-Business-Insights und Visualisierungen mit eingebettetem Zugriff für Multi-Tenant-Nutzer bereitzustellen.
• Cloud-Sicherheitsbewertungen und eine Sicherheitsintegration über den gesamten Lebenszyklus während M&A geleitet, einschließlich AWS, Azure, IAM (Entra ID) und Datenschutz, und dabei die Sicherheitslage mit NIST, ISO 27001 und GDPR über hybride und cloud-native Umgebungen hinweg ausgerichtet.
• Die Cloud-Kosten für eine Dev-Umgebung eines Kunden um 64 % gesenkt, indem automatisierte Start-/Stopp-Zeitpläne für EC2- und RDS-Instanzen über AWS CDK mit EventBridge Scheduler oder AWS Systems Manager implementiert wurden.

Tech-Stack:

• Infrastructure as Code: Terraform, AWS CDK, Ansible.
• Container: Kubernetes auf EKS, AKS, Docker.
• Streaming-Datenverarbeitung: Kafka zu Confluent Cloud, nach AWS MSK.
• Frontend: TypeScript, React, NextJS, Hooks, Styled Components.
• Backend: Python mit FastAPI, außerdem Node.js mit NestJS.
• Datenbank: Aurora auf PostgreSQL mit TypeORM, RDS auf SQL Server, vollständiges Setup und Administration von Azure Databricks, ETL-Pipelines.
• CI/CD und GitOps: GitHub Actions, Azure DevOps, ArgoCD.
• Monitoring und Observability: Prometheus und Grafana.
• Virtualisierung: Hyper-V, VMware Cloud on AWS, Azure Migrate.
• ERP-Systeme: Odoo, Microsoft Dynamics 365 Business Central auf Azure, integriert mit Azure Arc.
• Netzwerke: Site-to-Site-VPNs, AWS Direct Connect, Azure ExpressRoute, Firewalls (AWS Network Firewall, Azure Firewall).
• Sicherheit: IAM, NIST Framework, Zero-Trust-Sicherheit, AWS WAF, AWS Shield, GuardDuty.

• Mehr als 15 Frontend-Anwendungen und mehr als 10 Backend-Services für interne Tools, Backoffice-Prozesse sowie externe Portale für Installateure und Endkunden entwickelt
• Build- und Release-Prozesse mit TypeScript und Azure DevOps automatisiert
• Junior-Entwickler durch Code-Reviews und technische Betreuung unterstützt
• KI-gestützte und agentenbasierte Entwicklungsmethoden in die Entwicklungsprozesse integriert
• Entscheidungen zur Benutzererfahrung mit UX-Designern abgestimmt

Tech-Stack: Claude Code, Codex, AWS (S3, Lambda, AppSync, Resolver), Next.js App Router, ReactJS, NuxtJS, Vue.js, Storybook, JavaScript, TypeScript, GraphQL, Azure DevOps

• Entwicklung und Umsetzung der Engineering-Strategie über mehrere Teams hinweg (Engineering, DevOps, SysAdmin, QA), einschließlich der Definition vierteljährlicher OKRs und Roadmaps zur Ausrichtung an den Geschäftszielen.
• Aufbau eines umfassenden Frameworks für technische Exzellenz mit Coding-Standards, Karrierepfaden und wichtigen betrieblichen Richtlinien.
• Erfolgreiche Durchführung technischer Due-Diligence-Prüfungen während Finanzierungsrunden und Präsentation der technologischen Infrastruktur gegenüber potenziellen Investoren.
• Entwicklung und Einführung wichtiger Unternehmensrichtlinien, darunter Incident Management, Bereitstellungsrichtlinien und Sicherheitsprotokolle.
• Optimierung des Recruiting-Prozesses und Leitung von Performance-Reviews, wodurch Teamzusammensetzung und Kompetenzen verbessert wurden.
• Entwicklung und Umsetzung von Full-Stack-Lösungen mit TypeScript, Node.js im Backend und Next.js mit Styled Components im Frontend.
• Entwicklung und Optimierung einer serverlosen Architektur mit AWS Lambda, Step Functions, State Machine, ECS, API Gateway und mehreren Datenbanken (DynamoDB, MongoDB, Postgres, MariaDB, OpenSearch).
• Einführung von GraphQL für Frontend-Anfragen und REST-APIs für Backend-Services zur Verbesserung der Systemanbindung und des Datenflusses.
• Aufbau stabiler CI/CD-Pipelines mit GitHub Actions und Jenkins einschließlich Quality Gates und Sicherheitsprüfungen.
• Integration von SonarCloud für statische Codeanalyse zur Verbesserung der Codequalität in allen Repositories.
• Leitung von Verbesserungen bei Infrastrukturstabilität und Sicherheit sowie Optimierung der Betriebskosten.
• Einführung eines automatisierten Test-Frameworks mit Jest für Backend und Frontend sowie Playwright für E2E-Tests.
• Erstellung wiederverwendbarer Tooling-Module für Logging, Datenbankanbindung, Parameter-Store-Integration und wiederverwendbare Bibliotheken.
• Entwicklung und Umsetzung einer Microservices-Architektur mit AWS ECS, dokumentiert durch OpenAPI-Spezifikationen.
• Verbesserung der Erstellungs- und Bereitstellungsprozesse durch standardisierte Templates und automatisierte Pipeline-Erstellung.
• Erfolgreiche Umsetzung mehrerer Projekte im Zeitplan bei Einhaltung hoher Qualitätsstandards und bewährter Verfahren.
• Durchführung regelmäßiger 1-on-1s und Mentoring-Sitzungen zur Förderung von Teamwachstum und beruflicher Entwicklung.
• Teilnahme an bereichsübergreifenden Management-Meetings zur Abstimmung technischer Initiativen mit den Geschäftszielen.
• Identifizierung und Schließung von Wissenslücken durch gezielte Mentoring- und Schulungsprogramme.
• Einführung von Atomic-Design-Prinzipien in der Frontend-Entwicklung zur Verbesserung der Wiederverwendbarkeit und Wartbarkeit von Komponenten.

• Konzipierte und entwickelte eine leistungsstarke interne Plattform für Ressourcenmanagement mit React und TypeScript und optimierte dabei das dynamische Rendern von Daten und das State Management.
• Entwickelte eine React-Native-Anwendung für den mobilen Zugriff auf interne Tools und ermöglichte so Teams im Außendienst das Tracking von Projekten unterwegs.
• Entwickelte eigene 2D-Visualisierungen auf Canvas-Basis mit Pixi.js, um Materialflüsse und das Verhalten von feuerfesten Schichten zu simulieren.
• Integrierte Pixi.js mit React-Komponenten für interaktive Diagramme und UI-Aktualisierungen in Echtzeit.
• Entwickelte interaktive 3D-Visualisierungen mit React.js zur Darstellung von Produktlayouts und Simulationen für feuerfeste Produkte und unterstützte damit Engineering- und Vertriebsteams mit dynamischen Produktvorschauen.
• Integrierte Three.js in das React-Ökosystem, um die Bearbeitung von 3D-Modellen in Echtzeit direkt im Browser zu ermöglichen und so die Nutzerbindung und die Konfigurierbarkeit vor Ort zu verbessern.
• Integrierte ein Headless CMS, damit nicht-technische Nutzer Inhalte dynamisch aktualisieren können, wodurch sich die Zeit für Content-Deployments um 40 % verkürzte.
• Leitete AWS-CloudFront-Optimierungsinitiativen und verbesserte dadurch die Ladegeschwindigkeit des Portals weltweit um 30 %.
• Arbeitete aktiv mit funktionsübergreifenden agilen Teams und Product Ownern zusammen, um priorisierte Features mit kurzen Feedbackschleifen zu liefern.
• Wichtige Technologien: React.js, React Native, Three.js, TypeScript, Contentful CMS, AWS S3/Lambda/CloudFront, Cypress, Agile Scrum

• Entwicklung eines Test-Systems
• Etablierung der Architektur mit Scala/Java als Backend und Swing als Frontend
• Einrichtung von CI/CD-Pipelines mit Jenkins für Continuous Integration, inklusive automatisierter Builds
• Mitwirkung im Scrum-Team, einschließlich täglicher Stand-ups, Sprintplanungen und Retrospektiven
• Technologisches Umfeld: Scala, Swing, EJB, JPA, Scrum, PostgreSQL, Mercurial

• Umsetzung eines abgeschlossenen Teils beim Refactoring des bestehenden Portals
• Client-seitig: React, TypeScript, JEST, SASS, Node.js, Barrierefreiheit, React Server-Side-Rendering
• Server-seitig: PHP, Symfony, MariaDB
• Infrastruktur: Docker/Docker Compose, Bitbucket, Jira
• UI / UX: Figma
• DevOps

• Verantwortlich für die Neuentwicklung der Website eines internationalen Kreuzfahrtunternehmens mit Fokus auf verbesserter Nutzererfahrung und Performance-Optimierung.
• Entwicklung und Integration von Frontend-Komponenten in die Adobe-Systemlandschaft mit besonderem Schwerpunkt auf CMS-Integration.
• Bewältigung enger Fristen und technischer Herausforderungen, einschließlich der Einarbeitung in neue Technologien wie Adobe Edge Delivery Services und direkter Zusammenarbeit mit Adobe zur Problemlösung.
• Erfolgreiche Veröffentlichung der Website im geplanten Zeitrahmen.
• Technologien: CSS, JavaScript, GitHub, Figma, Adobe Edge Delivery Services, Adobe Experience Manager.

• Weiterentwicklung des Cyberport/Computeruniverse-Onlineshops mit React, Next.js und SAP Commerce.

• Leitete eine Initiative zur Entwicklung einer IDE-Erweiterung (VSCode). Entwickelte Vision und Strategie, sammelte und klärte Anforderungen, programmierte einen Proof of Concept und führte interne Tests durch.
• Verantwortlich für Architekturentscheidungen und Abwägungen.
• Coachte andere Ingenieure und organisierte Wissensaustauschrunden.
• Tech-Stack: ReactJS, NodeJS, AWS, Docker, TypeScript, Jest, Vitest, VSCode API, git.

• Migration des B2B-Bereichs von Vue zu Astro mit neuem Nutzer-management und Statistikseiten
• Sprachen: TypeScript (React, Astro, Node, Jest), Ruby (Ruby on Rails, rspec), CSS (Tailwind, SCSS), GraphQL, MongoDB
• Tools: Jira, Figma, npm, Git, GitHub Actions, Docker, AWS (Lambda, SQS, S3)

• Verantwortlich für die gesamte Frontend-Entwicklung innerhalb der Abteilung als zentrale Ansprechperson.
• Enge Zusammenarbeit mit dem Design- und dem Backend-Team, um eine nahtlose User Experience sicherzustellen.
• Einführung neuer Technologien und Best Practices im Frontend-Bereich zur kontinuierlichen Verbesserung.
• Ausbau der Backend-Kenntnisse mit dem Ziel, mich zum Full-Stack-Entwickler weiterzuentwickeln.
• Entwicklung und Wartung von Backend-Services mit Java, Spring Boot und PostgreSQL, einschließlich REST-APIs und ereignisgesteuerter Komponenten mit Apache Kafka.
• Containerisierung und Deployment von Anwendungen mit Docker und Kubernetes (OpenShift) sowie Helm-Charts und ArgoCD für CI/CD und GitOps-basiertes Ausrollen.
• Implementierung von Authentifizierung und Autorisierung mit Keycloak und OAuth2.