• Projekt­über­grei­fende Beratung und Umsetzung zur Frontend-Architektur unter Einsatz von ReactJS für WhiteLabel-Lösungen
• Entwicklung eines modernen Frontend-Stacks für mehrere umfang­reiche Weban­wen­dungen zur Schaffung einer nachhal­tigen Technologie-Basis für die nächsten Jahre

• Entwicklung einer potenziell umfangreichen Frontend-Applikation für die Überwachung von Maschinen auf Basis von ReactJS

• Technische Challenges: Mono-Repository-Setup mit NX, Internationalisierung, Theming (White Label), On-Premise Rollouts & Umgang mit massiven Datenmengen

• Archi­tek­tu­relle Verant­wortung und Feder­führung der Frontend-Archi­tektur
• Erarbeitung von Verbes­se­run­gen­vor­schlägen der beste­henden Archi­tektur
• Weiterhin Skizzierung und Entwicklung der Archi­tektur für neue Entwicklungen
  
• Projek­tab­läufe nach SCRUM-Methodik, API-First-Entwicklung, REST-Schnittstellen (Micro Services), Projekt-Management, Git Hosting und DevOps mit Azure, Autho­ri­sierung des Users über Auth0
  
• Einführung von End-to-End Tests mit Cypress (incl. initialem Setup im Projekt) bis zu einer Abdeckung von 70% der Code-Pfade für das beste­hende Kundencenter und damit eine Absicherung bzgl. Regres­sionen der folgenden Releases
• Deutliche Verbes­se­rungen von Code-Segmenten in Anbetracht der Erreich­barkeit aus React Testing Library (ARIA, Seman­tische Auszeich­nung)
  
• Erwei­terung und Pflege einer hausin­ternen respon­siven Biblio­thek
• Publishing von Kompo­nenten in einem privatem NPM-Repository (Azure)
• Einführung seman­ti­scher Versio­nierung und Etablierung von Change­logs

Unterstützung architektureller Themen einer Online-Shop-Plattform

• Erweiterung des GraphQL-Services um neue Resolver die Integration einer MySQL-Datenbank und vorhandener RESTDienste.
• Architekturelle Verbesserungen des GraphQL-Services bzgl. Typisierung, Nutzung Async/Await, Testbarkeit, etc.
• Tooling Verbesserung des GraphQL-Servies bzgl. Bundling, Watcher und Linting.
• Code-Reviews architekturelle Verbesserung für Teile der internen Komponenten-Bibiliothek.
• Verbesserungen der CI-Pipeline und interner Abläufe für höhere Entwickler-Effizienz.

• Weiterentwicklung und Erweiterung einer Webanwendung zur interaktiven Verfolgung von LKWs mit Baumaterialien. Entwicklung einer Heuristik zur automatischen visuellen Aufbereitung von LKW-Routen und deren Darstellung in der GoogleMaps-basierten Ansicht.
• Einführung eines Mono-Repositorys, um alle FrontendAnwendungen und Komponenten effizient gemeinsam entwickeln zu können. Einführung von Tools zur Automatisierung des statischen Hostings in Azure zusammen mit dem Azure CDN unter Verwendung der GitLab CI. Dies war auch der Ersatz der früheren viel langsameren Docker-basierten Front-End-Lösung.
• Einführung eines Backend-Selektors zur dynamischen Auswahl eines Backends aus verschiedenen Umgebungen heraus - ideal für das Testing.
• Vereinheitlichung der TypeScript-Konfiguration und ESLint-Regeln für eine einheitliche Tool-Umgebung im Team. Unterstützung bei der Einführung von Cypress-basierten E2E-Tests. Sukzessive Umstellung der Codebasis auf TypeScript.
• Implementierung eines massiv überarbeiteten Axios-basierten API-Clients für die REST-basierte Kommunikation mit dem Backend. Einrichtung des Publish-Prozesses als ESM Module im internen NPM.
• Einführung automatischer semantischer Versionen für die Front- End-Produkte und Generierung von Changelogs für verschiedene Einsatzszenarien. Integration der Changelogs in den ReleaseManagement-Prozess und Aufbereitung der Daten für Dashboards zur Kommunikation von Anpassungen an das globale Business.
• Sparring-Partner für UX-Designer und leitender Entwickler zur Gestaltung und Strukturierung des UI-Frameworks. Ich unterstützte ein gemeinsames Verständnis guter Komponentenstrukturen zu entwickeln und dieses Verständnis in die Realität umzusetzen

• Neu-Entwicklung eines Online-Shops mit Ziel der Multi-BrandUnterstützung und der Verwendung im internationalen Umfeld.
• Einführung der GraphQL-Orechestration-Schicht auf Basis von Apollo im Client und Server-Bereich incl. Mentoring des Teams.
• Überarbeitung und Optimierung vom Server-seitigen Rendering (SSR).
• Umsetzung einer modernen Code-Splitting-Lösung auf Basis von Loadable Components
• Einführung einer JWT-basierten SSR-tauglichen NutzerZuordnung.
• Verbesserungen im Bereich Tooling mit der Verwendung von Threading und Caching im Webpack-Bereich.
• Umstellung des TypeScript-Toolings auf Babel zur Optimierung der Laufzeiten (insbesondere im Bereich HMR).
• Verbesserung des Routings auf Client-Seite und Umsetzung von Preloading für diverse Code-Split-Pfade.

• Konventionen bzgl. Ordnerstruktur und Struktur der Implementierung im Allgemeinen.
• Umgang mit Assets in Bezug auf React und Platzierung dieser in der Ordnerstruktur.
• Einsatz für Typisierung mit TypeScript und Zusammenspiel mit Server-seitigen Daten.
• Erläuterungen Vor- und Nachteile Funktionale bzw. KlassenDeklaration in React.
• Empfehlungen für Newsletter, Video-Kurse und Konferenzen als weitere Bausteine der Einarbeitung. 
• Reduzierung des Boilerplates bei Redux durch Einsatz des DuckPatterns. 
• Konzeptionelle Überlegungen hinsichtlich eines möglichen Einsatzes von GraphQL.

• Neu-Entwicklung einer Mediathek für alle Sender der ARD als gemeinsame Plattform.
• Unterstützte Geräte der neuen Plattform: Moderne HBBTV-fähige Fernseher, Responsive-Layouts für Web-Browser auf Handys, Tablets und Desktops.
• Entwicklung und Optimierung der GraphQL-Schnittstelle bzgl. Kommunikation mit REST-APIs.

• Neuentwicklung eines Web-basierten Dashboards mit z. B. Echtzeit-Abfahrsinformationen für den Einsatz im ÖPNV-Umfeld.
• Eigenverantwortliche Architektur und Entwicklung in Absprache mit Produktmanagern. Auswahl aktueller Technologien und Schulung der Mitarbeiter in Themen React und Web-Entwicklung.
• Entwicklung eines GraphQL-Servers mit Apollo unter Nutzung einer Vielzahl unterschiedlicher REST-APIs (Inhouse und Extern)
• Erkennung der Geo-Position und Ermittlung von Routen und Distanzen unter Verwendung von MapBox und OpenStreetMap.
• Seiten-Layout und Umsetzung der ersten Design-Konzepte in wiederverwendbare Komponenten und Views.

• Unter­stützung bei der Entwicklung in einer bereits durch Kunden genutzten Platt­form.
• Verteiltes Team mit Stand­orten in Leipzig und München.
• Archi­tek­tu­relle Verbes­se­rungs­vor­schläge und Mentoring von Kollegen.

• Projekt-Setup für eine Green-Field React-Anwendung im Pharma-Bereich.
• Neustruk­tu­rierung der existie­renden Komponenten-Library.
• Einführung von eigenen NPM Reposi­tories zur Erhöhung der Wieder­ver­wendung von Kompo­nenten, Linting Regeln, etc.
• Responsive Design mit CSS Grid Layout und respon­siver Typographie zur Abdeckung der vollstän­digen Geräte­viel­falt.
• Server-seitiges Rendern mit React v16 incl. intel­li­gentem Code-Splitting für JavaS­cript und CSS.
• Evalu­ierung und Auswahl von Oberflächen-Komponenten für Anima­tion, Charting, ...

• Aufbau einer Frontend-Architektur in Zusammenarbeit mit Systemarchitekten und Produktmanagern.
• Schulung, Mentring und Code-Abnahme (Git-Flow +Pull Requests) für 2 Offshore-Teams in Indien.
• Technologie-Evaluierung für neuen Technologie-Stack in Kooperation mit unterschiedlichen Stakeholdern in ganzen Konzern.
• Analyse und Konzeption eines neuen Development 2.0 Environments zur Verbesserung der Produktivität von Software- Entwicklern.

• Architektur-Analyse und Optimierung des bestehenden Frontends.
• Entwicklung und Architektur im React-Umfeld mit weiteren Technologien wie Gulp, Webpack, ESLint, StyleLint, PostCSS, CSS Modules, etc.
• Einführung von Apollo Client + Server für die Verwendung von GraphQL für effiziente Kommunikation zwischen Frontend und Backend.

• Umstellung der Styling-Plattform auf PostCSS.
• Entwicklung der Tooling Lösung mit HMR für React Universal. 

• Beratung Frontend-Architektur für eine neue internationale Investment-Plattform. Die Anforderungen lagen im Bereich:
  • SPA (Single Page Application), live aktualisierte Charts und international formatierte Werte (Währungen, etc.)
• Aufsetzen der Projekt-Struktur mit Gulp als Taskmanager, NPM für die Organisation der Build-Umgebung, JSPM als Paket-Verwaltung für Frontend-Pakete mit EcmaScript 2015 Unterstützung, Sass für Stylesheets und VueJS für die interaktiven Funktionalitäten und die Komponenten-Entwicklung

• Beratung zu Software-Architektur, Best-Practises, Testbarkeit und Performance
• Einführung eines MVP-Konzeptes für bessere Modularität und Struktur des Codes
• Umsetzung eines anspruchsvollen interaktiven Interfaces mit fortschrittlichen UI-Übergängen mittels Velocity.js
• Intensive Arbeit mit Less zum Styling des Interfaces
• Verwendung der Huawei-Frameworks zur Kommunikation mit der Set-Top-Box
• Vermittlung zwischen Offshore-Team und Onsite-Team zur Entwicklung und Merging-Strategien
• Entwicklung von Tests (Unit-Tests und UI-Tests) unter Verwendung von Jasmine und DalekJS
• Code-Dokumentation unter Verwendung von JSDuck
• Tooling für Entwicklung und Deployment mit Grunt

• Integration und Anpassung des Bootstrap-Frameworks
• Enge Zusammenarbeit mit Konzeption und Design zur Realisierung einer Responsive-Seite auf Referenz-Niveau
• Marketing-wirksames, magazinartiges Design wurde kombiniert mit einer wartungsarmen Lösung zur ganzheitlichen Anpassung an unterschiedlichste
  Umgebungen (von 300-1440 Pixeln in der horizontalen Auflösung)
• Typografisch hochanspruchsvolle Realisierung mit Verwendung von Modular Scales, Baseline Grids und adaptiven Spalten-Layouts für kleine und große Elemente
• Implementierung einer Sticky-JavaScript-Komponente für die Stickyness von Navigations- und Marketing-Bereichen
• Entwicklung eines interaktiven tabellarischen Produktvergleichs auf Basis einer HTML-Tabelle
• Tooling zur Auslieferung des Frontends mittels Jasy, Sass und Uglify. Bilder-Optimierung mittels Image Optim

• Umsetzung der Photoshop-Designs mit HTML5-Technologie für iPhones und Android-basierte Geräte
• Hochperformante RIA mit interaktiven Wechsel von Layern ohne klassischen Seiten-Lade-Effekt
• MVP-basierte Architektur mit Template-Rendering auf Basis des Core-Framework
• HTML5-Form-Validierung mit interaktiver Rückmeldung von Fehlerzuständen
• Anbindung an existierendes PHP-basiertes Backend über RPC
• Integration von Werbe- und Tracking-Netzwerken über intelligente nachgelagerte Einbindung

• RIA-Anwendung zur Einstellung von VOIP-Merkmalen für den Festnetzanschluss
• Fokus bei der Entwicklung auf Möglichkeiten moderner Desktop-Browser (IE9+)
• Anbindung eines bestehenden Backend-Systems mit einem REST-Proxy
• Live-Feedback und HTML5-Form-Validierung in Kombination mit Hintergrund-Synchronization
• MVP-basierte Architektur mit Template-Rendering auf Basis des Core-Frameworks
• Deployment und Tooling auf Basis von Jasy für Windows, Mac und Linux
• DOM-Manipulation und Event-Handling unter Verwendung von jQuery

• Architektur und Entwicklung eines hardware-beschleunigten Scrollers um auf großen Spielfeldern zügig zu navigieren
• Unabhängige Implementierung, die sowohl für DOM-Elemente als auch Canvas-Rendering nutzbar ist
• Nutzung einer vorher implementierten Animationsklasse mit Handling für Dropped-Frames und einem sauberem Render-Loop
• Detail getreue Nachahmung des iOS-Verhaltens mit sanfter Beschleunigung und Bouncing (Touch-Bedienung)

• Konzeption und Implementierung eines API-Browsers, der mit sehr effizienten Meta-Daten in Kommentaren auskommt um eine gute Dokumentation auf Basis des Quellcodes zu generieren. Kommentare können in Markdown verfasst sein und Syntax-Highlighting für Code nutzen
• Scaffolding für die einfache Erstellung neuer Anwendungen auf Basis von Jasy (und optional Core)
• Integration eines lokalen Webservers auf Basis von CherryPy mit Support von Proxying entfernter URLs (Umgehung von Cross-Domain-Problemen beim Entwickeln)
• Anbindung von Jasy an die Asset-Management-Infrastruktur von Zynga (via Amazon S3/Cloud front). Damit war es Spiele-Entwicklern möglich Assets im globalen System zu verwalten und diese wie gewohnt lokal in dem Spiel zu verwenden
• Integration eines SpriteSheet-Generators mit optionalen Packing-Algorithmen incl. der notwendigen Client-seitigen Methoden in Core zur Verwendung der Bilder
• Integration von Travis.ci für automatische Tests der aktuellen Version
• Übergreifende Unterstützung für JSON oder YAML als Konfigurationssprache
• Verbesserungen bei der Cross-System-Kompatibilität und Integration eines "Jasy Doctor" zur Überprüfung des Systems um sicherzustellen, dass alles ordnungsgemäß installiert wurde

• Polyfills für alle ES5-Methoden und APIs
• Entwicklung von Multi-Wert-Properties (Setter/Getter) um Fallback-Werte für Properties korrekt zu supporten
• Implementierung von Script- und Stylesheet- und Bildern-Ladesystemen auf Basis der konzeptionellen Vorarbeit von LabJS

• Beschäftigung mit der Zukunft des Mobilfunkmarktes und Etablierung von Web-Technologien zur Lösung des Multi-Plattform-Approaches der Deutschen Telekom
• Entwicklung der Fussball.de-Fan-App (Demo-Video bei Youtube) mittels Unify und PhoneGap.

• Entwicklung einer allgemeinen Navigations-Logik für mobile Anwendungen und Ausarbeitung zur Beantragung von Patenten für die geschaffenen Lösungen
• Basis-Arbeiten zur Integration von Unify in native Anwendungen mittels PhoneGap, QtWebkit und Adobe AIR
• Vorstellung des Frameworks auf internen und externen Events
• Kooperation mit den T-Labs, T-Mobile und weiteren Mobilfunk-Anbietern und -Herstellern zur Integration von Unify in die BONDI-Initiative bzw. WAC.

• Entwicklung einer RIA-Anwendung auf Basis des qooxdoo-Frameworks zum Lesen von Büchern und Verwalten von Abos
• Parsen und Aufbereiten von ePub-basierten Büchern incl. Entschlüsslung und Rendering innerhalb der Anwendung
• Implementierung einer komplexen Animations-Mechanik für qooxdoobasierte Anwendungen und eines eigenen Themes auf Basis des internen Style guides