Sebastian Werner

Detaillierte Analyse der bestehenden Technologie und Architektur eines Micro-Frontends, um Verbesserungsvorschläge zu erarbeiten. Umsetzung eines PoC einer Mono-Repository-Lösung für die nationale Ticket-Buchungsstrecke der SBB. Beratung bzgl. Internationalisierung im Frontend. Aufsetzen von Linting-Regelwerk. Begleitung und Durchführung von Code-Refactorings im Team zur nachweislichen Verbesserung der Qualität.

Projekt­über­grei­fende Beratung und Umsetzung zur Frontend-Architektur unter Einsatz von ReactJS für White-Label-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 poten­ziell umfang­reichen Frontend-Applikation für die Überwa­chung von Maschinen auf Basis von ReactJS. Technische Challenges: Mono-Repository-Setup mit NX, Inter­na­tio­na­li­sie­rung, Theming (White Label), On-Premise Rollouts & Umgang mit massiven Datenmengen.

Archi­tek­tu­relle Verant­wortung und Feder­führung der Frontend-Architektur (React, TypeS­cript, Jest, Testing Library, ...). Projek­tab­läufe nach SCRUM Methodik, API-First-Entwicklung, REST-Schnittstellen, Azure DevOps, Auth0, ...

Erweiterung des GraphQL-Services um neue Resolver die Integration einer MySQL-Datenbank und vorhandener REST-Dienste. Architekturelle Verbesserungen des GraphQL-Services bzgl. Typisierung, Nutzung Async/Await, Testbarkeit, etc. Tooling Verbesserung des GraphQL-Servies bzgl. Bundling, Watcher und Linting. Code-Reviews und Feedback für die interne Komponenten-Bibiliothek.

Weiterentwicklung und Erweiterung einer Webanwendung zur interaktiven Verfolgung von LKWs mit Baumaterialien. Einführung eines Mono-Repositorys, um alle Frontend-Anwendungen und Komponenten effizient gemeinsam entwickeln zu können. Einführung automatischer semantischer Versionen für die Front-End-Produkte und Generierung von Changelogs für verschiedene Einsatzszenarien.

Neuentwicklung eines Online-Shops für die Witt Gruppe. Technologisch wird im Frontend auf ReactJS und GraphQL gesetzt. Server-seitig kommt eine Orchestration mit GraphQL auf NodeJS-Basis zum Einsatz (Apollo-Stack). Styling der Komponenten (in Storybook) mit Styled Components. Statt JavaScript wird für eine optimale Zusammenarbeit auf TypeScript gesetzt. Mein Fokus im Projekt lag auf den Infrastrukturellen Themen wie GraphQL, Session-Handling, Server-Site-Rendering (SSR), Code-Splitting, etc.

Neuentwicklung der gemeinsamen ARD-Mediathek. Die besondere Herausforderung bestand in der Unterstützung von älteren und langsameren Geräten (TVs). Die Lösung wurde im Multi-Plattform-Ansatz entwickelt: Mobil, Desktop und TV mit einer einzigen Technologie. Eingesetzte Frameworks/Tools: ReactJS, Webpack, Sass, GraphQL.

Neuent­wicklung eines Web-basierten Dashboards mit z. B. Echtzeit-Abfahrsinformationen für den Einsatz im ÖPNV-Umfeld. Eigen­ver­ant­wort­liche Archi­tektur und Entwicklung in Absprache mit Produkt­ma­na­gern. Auswahl aktueller Techno­logien und Schulung der Mitar­beiter in Themen React und Web-Entwicklung. Technologie-Stack: React v16 (Formik, Popmotion/Pose, React Intl, Reach Router, ...), DotEnv, Webpack v4, Code Split­ting, Babel v7, Edge Platform, PostCSS, CSS Modules, CSS Grid, Story­book, Jest, ...

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. Technologie-Stack: React, Redux, Redux-Saga, Webpack, Babel, Less, ESlint, Karma, Mocha, Sinon, AWS, S3.

Projekt-Setup für eine Green-Field React-Anwendung im Pharma-Bereich. Neustruk­tu­rierung der existie­renden Komponenten-Library. 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. Technologie-Stack: React, Redux, Webpack, Story­book, Edge-Plattform, ESlint, Stylelint, Prettier.

Aufbau einer Frontend-Architektur in Zusam­men­arbeit mit Syste­mar­chi­tekten und Produkt­ma­na­gern. Schulung, Mentoring und Code-Abnahme (Git-Flow + Pull Requests) für zwei Offshore-Teams in Indien. Technologie-Evaluierung für neuen Technologie-Stack in Koope­ration mit unter­schied­lichen Stake­holdern im ganzen Konzern. Technologie-Stack: React, Redux, Webpack, ESlint, Stylelint. Daten­an­bindung via REST an Backend-Layer.

Architektur-Analyse und Optimierung des beste­henden Frontends. Entwicklung und Archi­tektur im React-Umfeld mit weiteren Techno­logien wie Gulp, Webpack, ESLint, StyleLint, PostCSS, CSS Modules, etc. Einführung von Apollo Client + Server für die Verwendung von GraphQL für effiziente Kommu­ni­kation zwischen Frontend und Backend.

Umstellung der Styling-Plattform auf PostCSS. Entwicklung der Tooling Lösung mit HMR für React Universal. Techno­lo­gien: Universal React + Redux, React-Intl für Inter­na­tio­na­li­sie­rung, ES2015+, PostCSS, Webpack v2 (Nutzung von Tree-Shaking, automa­ti­schen Chunks, ...). Zielplatt­formen: Desktop-Browser, Tablet-Browser, Smartphone-Browser

Beratung Frontend-Architektur für eine neue inter­na­tionale Investment-Plattform. Die Anfor­de­rungen lagen im Bereich: SPA (Single Page Appli­ca­tion), live aktua­li­sierte Charts und inter­na­tional forma­tierte Werte (Währungen, etc.). Aufsetzen der Projekt-Struktur mit Gulp als Taskma­nager, NPM für die Organi­sation der Build-Umgebung, JSPM als Paket-Verwaltung für Frontend-Pakete, Sass für Styles­heets und VueJS für die inter­ak­tiven Funktio­na­li­täten und die Komponenten-Entwicklung.

Architektur und Entwicklung des Frontends der neuen Set-Op-Box der Entertain-Plattform der Deutschen Telekom AG auf Basis von HTML5 und JavaScript. Technolgisch basierend auf VelocityJS, Less, Grunt und einem eigenen Set-Op-Box-Framework.

Spezialist für Frontend-Themen mit Fokus auf JavaScript, Responsive Web Design und Build-Prozesse.