Erfahrener Frontend-Entwickler mit Schwerpunkt auf leistungsfähigen Webshops, klarer Codebasis und enger Zusammenarbeit im Projektteam
Aktualisiert am 31.01.2026
Profil
Freiberufler / Selbstständiger
Remote-Arbeit
Verfügbar ab: 02.03.2026
Verfügbar zu: 100%
davon vor Ort: 10%
Webentwicklung
React
TypeScript
Git
GitLab
Angular
CSS3
HTML5
Jest
Svelte
Front-End
Unittest
CodeCoverage
Code Review
Agile Softwareentwicklung
Scrum
Accessibility
E-Commerce
JavaScript
Docker
CI/CD
Englisch
Muttersprache
Deutsch
Verhandlungssicher

Einsatzorte

Einsatzorte

Deutschland, Schweiz, Österreich
möglich

Projekte

Projekte

9 Monate
2025-06 - heute

E-Commerce Platform Modernisierung

Fullstack-Entwickler mit Schwerpunkt Frontend Svelte HTML 5 CSS 3 ...
Fullstack-Entwickler mit Schwerpunkt Frontend
Bei einer der größten E-Commerce-Plattformen Deutschlands ersetzte ich gemeinsam mit meinem Team veraltete Freemarker-Templates durch moderne Svelte-Komponenten. Neben der Entwicklung neuer Funktionen war ich an der kontinuierlichen Erweiterung, Wartung, Konzeption und Qualitätssicherung des Shops beteiligt. Zudem erweiterten und optimierten wir die bestehende Architektur sowie die Backend-Schnittstellen, um eine bessere Integration und langfristige Skalierbarkeit sicherzustellen.

Ergänzend dazu führte ich Workshops zu Themen wie Storybook, Unit-Testing, End-to-End-Testing sowie unidirektionalem Datenfluss durch, um ein gemeinsames technisches Verständnis im Team zu etablieren. Die Zusammenarbeit erfolgte in zweiwöchigen Sprints mit gemeinsamer Aufwandsschätzung, Story-Planung und regelmäßigen Reviews. Ziel des Projekts war es, durch eine saubere und zukunftsfähige Architektur die Performance, Stabilität und Wartbarkeit des Systems nachhaltig zu verbessern.
Jira Confluence CircleCI Github
Svelte HTML 5 CSS 3 SASS TypeScript AWS Spring Boot ?Java? Git ChatGPT Kibana Confluence Jira Github Husky Barrierefreiheit / A11y CI/CD
Otto GmbH & Co. KGaA
9 Monate
2025-06 - 2026-02

Neugestaltung der Shop-Architektur für Performance & Skalierbarkeit

Fullstack-Entwickler mit Schwerpunkt Frontend Spring Boot Svelte TypeScript ...
Fullstack-Entwickler mit Schwerpunkt Frontend
Bei einer der größten E-Commerce-Plattformen Deutschlands ersetzte ich gemeinsam mit meinem Team veraltete Freemarker-Templates durch moderne Svelte-Komponenten. Neben der Entwicklung neuer Funktionen war ich an der kontinuierlichen Erweiterung, Wartung, Konzeption und Qualitätssicherung des Shops beteiligt. Zudem erweiterten und optimierten wir die bestehende Architektur sowie die Backend-Schnittstellen, um eine bessere Integration und langfristige Skalierbarkeit sicherzustellen.

Das Ziel des Projekts war es, durch eine saubere und zukunftsfähige Architektur die Performance, Stabilität und Wartbarkeit des Systems nachhaltig zu verbessern.
Spring Boot Svelte TypeScript FreeMarker JavaScript CSS3 HTML5 Playwright Storybook Vitest Unittest
Otto GmbH
2 Jahre 1 Monat
2023-02 - 2025-02

Shopsystem auf moderner Technik von E-Commerce angefordert

Svelte SvelteKit TypeScript ...
  • Aufgrund der alternden Codebasis des bestehenden Shopsystems wurde ein neues Shopsystem auf moderner Technik von E-Commerce angefordert, um die zukünftige Wartbarkeit möglichst gering zu halten, die Performance zu verbessern und moderne Standards in das Projekt einzubinden. 
  • Das Ziel gilt sowohl für das Backend als auch das Frontend, denn eine agnostische Implementierung macht einen zukünftigen technischen Austausch viel leichter. Die Hauptaufgabe des Frontend-Teams war ein modernes Framework für das neues Shopsystem zu finden und damit das Shopsystem anhand des neuen Konzepts aufzusetzen. 
  • Währenddessen wird das Backend-Team die bestehenden Shop-Schnittstellen neu definieren und implementieren, um eine Middleware zwischen SAP-Hybris und dem Frontend einzurichten. 
  • Als Teil des Frontend-Teams habe ich nicht nur bei der Entwicklung das Team unterstützt, sondern auch mit dem DevOps- und UX/UI-Team eng zusammengearbeitet, um Konzepte zu verfeinern, mein Input zu geben und Anforderungen zu definieren oder auch identifizieren. 
  • Das Shopsystem sollte nicht nur für Walbusch zum Einsatz kommen, aber auch für Avena und Mey & Edlich. Gleichzeitig sollten die jeweiligen Komponenten, Seiten und Konzepte für alle Mandanten gelten und die Seiten beziehungsweise Komponenten nur ?optisch? voneinander unterscheiden, um den Aufwand und die Wartung gering zu halten. Das Projekt fing mit einer Art von Agile an, die nach einem Jahr zu einer Art Kanban mit vier Wochen ?Iterationen? gewechselt ist. 
  • Trotz eines neuen jungen Frameworks, das keiner von uns vorher kannte und viele Herausforderungen sind wir auf dem Weg zu einem erfolgreichen Go-Live.
Svelte SvelteKit TypeScript Tailwind Flowbite Storybook MSW Vitest GitLab Git Prettier husky Jira Confluence
Walbusch
3 Monate
2022-11 - 2023-01

Stencil Pattern-Library geschrieben, um die Performance und die Wartbarkeit zu verbessern

React Redux TypeScript ...
  • Das bestehende Liebherr Magento 2 Frontend wurde neu in React anhand der Liebherr Stencil Pattern-Library geschrieben, um die Performance und die Wartbarkeit zu verbessern. Das Backend wandelt sich in einem API-Gateway um, um alle Schnittstellen in einem Endpunkt zu bringen. 
  • Als Frontend Lead war meine Aufgabe die zwei Microanwendungen aufzusetzen und als npm-Packages auszuliefern, sodass sie in der Hauptapplikation leicht integriert sein könnten. Abstimmung mit Design, UX, Backend, Kunden, und anderen Dienstleistern habe ich auch übernommen sowie das Onboarding neuer Frontend-Entwickler.
  • Das Frontend besteht aus einem Mono-Repo mit drei Subprojekten, nämlich eine Single-Page-Application (SPA), eine Komponentenbibliothek, und die Liebherr Stencil Web-Komponenten exportiert als React Komponenten. 
  • Weil das Backend parallel entwickelt wurde, haben wir die GraphQL Schnittstelle bzw. die Querys und Mutations lokal mit MSW gemockt. 
  • Unsere einzelnen Komponenten sowie die Mikroanwendungen könnten Design und den Kunde in unserer Storybook-Instanz testen und abnehmen. Mein internes Team bestand aus einem Projekt-Manager, zwei Backend- sowie zwei Frontend-Entwicklern. 
  • Kundenseitig hatten wir einen Proxy-PO, einen Designer und einen Tester mit denen wir nach einer Mischung aus Scrum und Kanban zusammengearbeitet haben.
React Redux TypeScript Stencil.Js HTML5 SCSS CSS-Modules Nx GraphQL Storybook MSW Jest urql GitLab Git yarn 3 Stylelint Prettier husky Magento 2
Liebherr
6 Monate
2022-05 - 2022-10

Stencil Pattern-Library geschrieben, um die Performance und die Wartbarkeit zu verbessern

React Redux TypeScript ...
  • Das bestehende Liebherr Magento 2 Frontend wurde neu in React anhand der Liebherr Stencil Pattern-Library geschrieben, um die Performance und die Wartbarkeit zu verbessern. Das Backend wandelt sich in einem API-Gateway um, um alle Schnittstellen in einem Endpunkt zu bringen. 
  • Als Frontend Lead war meine Aufgabe die zwei Microanwendungen aufzusetzen und als npm-Packages auszuliefern, sodass sie in der Hauptapplikation leicht integriert sein könnten. Abstimmung mit Design, UX, Backend, Kunden, und anderen Dienstleistern habe ich auch übernommen sowie das Onboarding neuer Frontend-Entwickler.
  • Das Frontend besteht aus einem Mono-Repo mit drei Subprojekten, nämlich eine Single-Page-Application (SPA), eine Komponentenbibliothek, und die Liebherr Stencil Web-Komponenten exportiert als React Komponenten. 
  • Weil das Backend parallel entwickelt wurde, haben wir die GraphQL Schnittstelle bzw. die Querys und Mutations lokal mit MSW gemockt. 
  • Unsere einzelnen Komponenten sowie die Mikroanwendungen könnten Design und den Kunde in unserer Storybook-Instanz testen und abnehmen. Mein internes Team bestand aus einem Projekt-Manager, zwei Backend- sowie zwei Frontend-Entwicklern. 
  • Kundenseitig hatten wir einen Proxy-PO, einen Designer und einen Tester mit denen wir nach einer Mischung aus Scrum und Kanban zusammengearbeitet haben.
React Redux TypeScript Stencil.Js HTML5 SCSS CSS-Modules Nx GraphQL Storybook MSW Jest urql GitLab Git yarn 3 Stylelint Prettier husky Magento 2
Liebherr
7 Monate
2022-04 - 2022-10

Shopware Shop-System abschaffen

React Redux TypeScript ...
  • Der Kunde wollte das bestehende Shopware Shop-System abschaffen und dafür ein neues Magento 2 System aufsetzen. Zusammen mit dem Backend Lead haben wir die Business Requirements von dem Kunde gesammelt, in Epics und Storys aufgeteilt und geschätzt. Der Frontend Teil des Projekts vorbereitet und aufgesetzt, sodass das Onboarding des Teams leichter wird. Anhand des Designs habe ich die entsprechenden in Komponenten bzw. Widgets aufgeteilt und zusammen mit dem Frontend-Team die Komponenten dokumentiert und spezifiziert, da keine Spezifikation vom Kunde vorlag. 
  • Um die Performance im Fronend zu verbessern, haben wir das Standard Magento 2 Frontend durch Hyvä ersetzt. Da die meisten Frontendentwickler in unserem Team wenig Erfahrung mit Hyvä hatten, hatte ich regelmäßige Workshops durchgeführt, um das gesamte Team auf den neusten Stand zu bringen. Durch die Code-Reviews habe ich die Qualität des Frontend-Codes hochgehalten, bevor die Änderungen auf Staging deployt werden bzw. zur Abnahme gekommen sind. Als Frontend Lead war ich regelmäßig im Austausch mit dem Backend Lead, um die Auszubildenden, Junior- und Intermediate-Entwickler zu unterstützen und zu betreuen.
React Redux TypeScript Stencil.Js HTML5 SCSS CSS-Modules Nx GraphQL Storybook MSW Jest urql GitLab Git yarn 3 Stylelint Prettier husky Magento 2
bosch Tiernahrung
1 Jahr 5 Monate
2021-01 - 2022-05

bestehende Magento 2 System von BMC Switzerland wurde zum Teil übernommen

React TypeScript Storybook ...
  • Das bestehende Magento 2 System von BMC Switzerland wurde zum Teil übernommen, da zwei Entwickler seitens BMCs die Verantwortung des Systems besaßen. Anhand eines neuen Corporate Designs haben wir einen neuen Shop für die aktuelle Marke ?BMC? sowie zwei neue Marken aufsetzen. Aus dem neuen CD habe ich die einzelnen Komponenten identifiziert und zusammen mit dem Kunde die Business Requirements der Komponenten konkretisiert. Das Frontend Projekt habe ich dann mit React und Storybook aufgesetzt, wo der Kunde die einzelnen Komponenten mit diversen Propertys ausprobieren, testen und abnehmen konnte. 
  • Die React Komponenten wurden nach Abnahme des Kunden in einem Magento Widget umgewandelt, sodass der Kunde selbst die Widgets bzw. Komponenten auf einer CMS-Seite pflegen konnte. React war für viele unserer Entwickler neu, da Magento 2 Frontend aus JavaScript und Require.js besteht. Um den Entwicklern und Auszubildenden React beizubringen, habe ich regelmäßigen React Workshops während des Projekts gehalten. Gleichzeitig habe ich Workshops mit dem Kunde gehalten, um dem Kunden zu zeigen, wie man Widgets ordentlich pflegt. Die erste Marke ?BMC? ist zuerst in Mai live gegangen und danach kamen die zwei neuen Marken erfolgreich online.
React TypeScript Storybook Mirage JS Jest HTML5 SCSS GitLab Git Stylelint Prettier husky Magento 2 PHP 7 (PHTML)
BMC
5 Monate
2020-08 - 2020-12

APIs waren inkonsequent definiert

React TypeScript Redux ...
  • Die existierenden APIs waren inkonsequent definiert und über viele diversen Systeme verstreut. Dafür haben wir die Beauftragung erhalten, um die APIs konsequent und neu zu schreiben. Das Frontend war in einer veralteten jQuery Version geschrieben und sollte entsprechend neu geschrieben werden, um die Performance zu verbessern sowie die neue APIs anzuzapfen. Drei neue Mikroanwendungen wurde in React entwickelt und in das bestehende Magento System integriert. Da das Backend parallel entwickelt wurde, habe ich Mirage JS verwendet, um die APIs genau zu mocken, wie in der OpenAPI Spezifikation beschrieben. 
  • Sobald das Backend die APIs zur Verfügung gestellt hat, konnten wir das Frontend und das Backend einwandfrei in Magento 2 integrieren. Dank Storybook konnte der Kunde jederzeit den aktuellen Zustand der drei Anwendungen ansehen, testen und abnehmen. Das Projekt ist im Dezember 2020 erfolgreich live gegangen.
React TypeScript Redux React-Habitat Storybook Jest HTML5 SCSS GitLab Git Stylelint Prettier husky Magento 2 PHP 7 (PHTML)
CODESYS
4 Monate
2020-04 - 2020-07

Variant Manager

Angular 9 Angular Materials NgRx ...
  • SEW hatte einige Probleme mit ihrer bestehenden ?Variant Manager? Anwendung und wollte die Anwendung entsprechend modernisieren und mit der neuen Entwicklung erweitern. Als Team Lead war ich für die Entwicklung der Angular-Applikation sowie die Beratung des Kunden zuständig. Eine Spezifikation der bestehenden Anwendung lag nicht vor, weswegen ich im sehr engen Austausch mit dem Business Analyst und dem Product-Owner war, um die ganzen Requirements in Epics und Storys zu erfassen. Die Anwendung sollte zum großen Teil aus Tabellen bestehen, wofür wir AG Grid als performante Lösung ausgewählt haben. Ich habe zusätzlich den kundenseitigen Entwickler sowie meine eigenen drei Entwickler in Angular durch regelmäßige Workshops geleitet. Der Kunde hat erst vor kurzem Scrum unternehmensweit ausgerollt und war immer noch unsicher, wie wir dies in unserem Team genau verwenden sollten. Dafür habe ich mehrere Workshops über Scrum mit dem Kunde sowie den Entwicklern durchgeführt sowie Gherkin basierte Templates für die Epics und die Storys vorbereitet.
Angular 9 Angular Materials NgRx AG Grid Azure DevOps HTML5 CSS3 Jest
SEW
1 Jahr 6 Monate
2019-02 - 2020-07

Color Picker/ Model Chooser

React React-Habitat Storybook ...
  • Eine Mikroanwendung sollte entwickelt werden, die für alle Automodellseiten innerhalb des CMS-Systems gepflegt und konfiguriert werden konnte. Das Projekt bestand aus drei Frontendentwicklern und zwei Backendentwickerln und wurde nach Scrum gearbeitet. Als Frontend Lead habe ich die Junior-Entwickler betreut und durch regelmäßige React-Workshops die Junior-Entwickler auch geführt. Als Frontend Lead war ich auch als Hauptansprechpartner für Design sowie Konzept, um die Vorwürfe aus beiden Abteilungen zu überprüfen und mit dem entsprechenden Ansprechpartner abzustimmen. Zusammen mit den Backendentwicklern habe ich anhand des Designs und des Konzepts die API-Spezifikation etabliert, da die API-Responses aus der Suzuki PIM-System teilweise über 10MB waren, was nicht nur für Desktop sondern auch für Mobilegeräte nicht funktionieren würde. Die Mikroanwendung wurde erfolgreich umgesetzt und wird noch im Jahr 2022 verwendet.
React React-Habitat Storybook TypeScript HTML5 CSS3 Redux Jest Docker Plone
Suzuki
1 Jahr 6 Monate
2019-02 - 2020-07

Color Picker/ Model Chooser

React React-Habitat Storybook ...
  • Eine Mikroanwendung sollte entwickelt werden, die für alle Automodellseiten innerhalb des CMS-Systems gepflegt und konfiguriert werden konnte. Das Projekt bestand aus drei Frontendentwicklern und zwei Backendentwickerln und wurde nach Scrum gearbeitet. Als Frontend Lead habe ich die Junior-Entwickler betreut und durch regelmäßige React-Workshops die Junior-Entwickler auch geführt. Als Frontend Lead war ich auch als Hauptansprechpartner für Design sowie Konzept, um die Vorwürfe aus beiden Abteilungen zu überprüfen und mit dem entsprechenden Ansprechpartner abzustimmen. Zusammen mit den Backendentwicklern habe ich anhand des Designs und des Konzepts die API-Spezifikation etabliert, da die API-Responses aus der Suzuki PIM-System teilweise über 10MB waren, was nicht nur für Desktop sondern auch für Mobilegeräte nicht funktionieren würde. Die Mikroanwendung wurde erfolgreich umgesetzt und wird noch im Jahr 2022 verwendet.
React React-Habitat Storybook TypeScript HTML5 CSS3 Redux Jest Docker Plone
Suzuki
1 Jahr 11 Monate
2018-09 - 2020-07

Collaboration Platform

JavaScript (ES6/7) HTML5 CSS3 ...
  • Kaeser wollte ihr Canto Asset-Management-System anpassen, um ihre Bedürfnisse besser abzudecken. Als Team Lead habe ich das IT-Konzept entwickelt und die Business-Requirements in Abstimmung mit Design und UX analysiert und dokumentiert. Den Kunde habe ich über die technischen Entscheidungen beraten und ich habe unseren Scrum-Master während seines Urlaubs vertreten. Trotz bestehendes SAP Styleguides waren viele Komponenten neu und mussten mit UX und Design entsprechend abgesprochen und abgestimmt, bevor wir mit der Entwicklung anfangen konnten. Die neuen Komponenten habe ich zusammen mit einem Junior-Frontendentwickler erst in Storybook entwickelt, sodass UX und Design die entsprechenden Komponenten schneller sehen und testen konnten. Nach der Freigabe von UX und Design wurde die Anwendung zusammen mit den neuen Komponenten in das SAP Launchpad deployt und kundenseitig getestet und abgenommen.
JavaScript (ES6/7) HTML5 CSS3 Redux SAPUI5 SAP Launchpad SAP-Cloud Platform (Neo Environment) Storybook Canto Cumulus Digital Asset Manager OpenAPI REST Docker Kubernetes Make
Kaeser
3 Monate
2020-01 - 2020-03

DMO One Portal

Angular 9 HTML 5 Sass ...
Die bestehende Angular 1.x Anwendung wollte Daimler durch eine moderne Angular 9
  • Anwendung ersetzen. Das Kundenportal bestand aus mehreren Angular Microanwendungen, die wir in einem Monorepo aufgeteilt hatten. Jede Microanwendung wurde in Jenkins beim Deployment in einem Docker-Image verpackt und in die Docker-Registry vom Kunden ausgeliefert. Anhand der Spezifikation und des Daimler Design-Systems habe ich das Frontend aufgesetzt und zusammen mit meinem Team aus fünf Frontend-Entwicklern erfolgreich nach Scrum entwickelt. In meiner Rolle als Senior habe ich nicht nur entwickelt, sondern besonders auf die Code-Qualität geachtet, da die eigenen Entwickler in meinem Team nur wenig Erfahrung in Angular hatten, was ich aber durch regelmäßige Angular-Workshops und Code-Reviews aufgestockt habe.
Angular 9 HTML 5 Sass Jest OpenAPI Jenkins Docker
Daimler
4 Monate
2019-12 - 2020-03

MVP entwickeln

React React-Admin Redux ...
  • Das Start-up Airive wollte ein MVP entwickeln, um ihr Geschäftsmodell auszuprobieren und zu etablieren. Durch enge Kooperation mit der Geschäftsführung und den Stakeholdern habe ich als Team Lead die Business-Requirements anhand der Geschäftsziele herauskristallisiert und analysiert. Als ich die Business-Requirements aufgesammelt habe, habe ich zusammen mit meinem Team aus zwei Frontendentwicklern und einem Backendentwickler die Epics und Storys entsprechend unterbrochen und nach Story-Points geschätzt. Dies habe ich dann zusammen mit der Geschäftsführung und den Stakeholders besprochen, um Timelines zu definieren und festzulegen. Die API-Platform bat einen Adminbereich, SPA und Datenbank bereits an, was zu dem B2B-Anwendungsfall optimal gepasst hat. Das Frontendteam war auch hoch motiviert eine neue Technologie, React, auszuprobieren, da das Team bisher nur Angular kannte. Durch regelmäßige Workshops und Code-Reviews habe ich das Team React nach und nach beigebracht. Die Konzeptentwicklung des MVPs habe ich bis zur geplanten Umsetzung der Plattform durchgeführt.
React React-Admin Redux API-Platform GraphQL Jest Symfony 4 PHP 7 Doctrine PostgreSQL Docker Kubernetes
Airive
1 Jahr 2 Monate
2018-08 - 2019-09

Relaunch der website

React React-Habitat Redux ...
  • Konzeption der Frontendarchitektur und Vorbereitung einer Vorlage für das Team und die Business-Requirements gemeinsam mit Design und UX identifiziert. Anhand der Business-Requirements habe ich die technischen Anforderungen abgeleitet. Das Team aus zwei Frontendund zwei Backendentwicklern hat die Business-Requirements in Storys unterbrochen und die ebenfalls nach Komplexität und Zeit geschätzt. Um das Backend und Frontend sauber trennen zu können und entsprechend parallel arbeiten zu können, haben wir die Komponenten in Storybook umgesetzt und später in TYPO3 Widgets umgewandelt, sobald das Backend bereit war. Das Backend sowie das Frontend wurden ständig in Kubernetes (durch Rancher) als Docker Container deployt und entsprechend automatisch aktualisiert.
React React-Habitat Redux Storybook TYPO3 (TypoScript) PHP 7 Make HTML5 Sass Rancher Jenkins
mediaman
9 Monate
2018-01 - 2018-09

Financial Services

Angular 6 HTML5 Sass ...
  • Die bestehende PHP-Monolith Applikation haben wir durch neue Webanwendung ersetzt. Die technischen Anforderungen habe ich in Zusammenarbeit mit Design und UX identifiziert und dadurch die Frontendarchitektur und REST-Schnittstellen definiert und spezifiziert. Ich war auch für das ganze Projekt als Team Lead Hauptansprechpartner für den Kunden, Backend-Dienstleister und das Frontend-Team tätig. Mein internes Team bestand aus drei Frontendentwickerln, wobei die Backendentwickler von einem anderen Dienstleister kamen. Die Business-Requirements wurden erfasst und dann in Epics und Storys unterbrochen. Zusammen mit dem anderen Dienstleister haben wir die Storys nach Komplexität und Zeit geschätzt und beim Sprintbeginn mit den Frontend-Storys angefangen. Da wir nicht mit dem anderen Dienstleister direkt arbeiten durften, haben wir das ganze Backend durch Swagger-CLI gemockt, um die lokale Entwicklung zu ermöglichen. Das Projekt wurde leider vom Kunde aus Budgetgründen frühzeitig beendet, bevor es Live gegangen ist.
Angular 6 HTML5 Sass OpenID Swagger REST RxJS Jasmine Storybook Docker
Daimler
2 Jahre 1 Monat
2016-01 - 2018-01

Neuentwicklung des bestehenden Content Management Systems

React React-Habitat Flux ...
  • Neuentwicklung des bestehenden Content Management Systems. Leitung des Frontendteams von Projektbeginn. Verwendung neuen Technologien (React, Flux, ES6/7), um diese Agenturweit zu etablieren. Beratung des UXs und Designs zusammen mit dem Backend Verantwortlichen durchgeführt. 
  • Das Frontend und der entsprechende Styleguide wurden erfolgreich vom CMS bzw. Dem Backend abgekapselt, sodass das Frontend unabhängig vom Backend entwickeln konnte.
React React-Habitat Flux JavaScript (ES6/7) Sass Magnolia CMS Freemarker
Frankfurt School of Business and Management
1 Jahr
2015-02 - 2016-01

Mercedes Me Portal

Handlebars CSS3 HTML5 ...
  • Beratung innerhalb der Entwicklung von neuen Komponenten in Abstimmung mit Konzept und Design. Umsetzung der verschiedenen Spezifikationen und Unterstützung eines weiteren Dienstleisters bei der Integration dieser Komponenten. Optimierung des veralteten Entwicklungssystems während des Projekts.
Handlebars CSS3 HTML5 JavaScript Grunt
Daimler
1 Jahr 3 Monate
2014-09 - 2015-11

Car Configurator

AngularJS HTML5 CSS3 ...
  • Das Projekt wurde vollständig mit Scrum und Test Drive Development zusammen mit Daimler TSS durchgeführt. Anforderungen der bestehenden Applikation zusammen mit Daimler TSS definiert, die wir als Grundlage für die Business Logik des Frontends verwendet haben. Web-Applikation basiert auf AngularJS nach der o.g. Spezifikation, diese wurde erfolgreich umgesetzt und kundenseitig freigegeben.
AngularJS HTML5 CSS3 JavaScript
Daimler

Aus- und Weiterbildung

Aus- und Weiterbildung

1 Monat
2018-01 - 2018-01

Ausbilder-Eignungsverordnung (AEVO)

IHK Wiesbaden
IHK Wiesbaden

Kompetenzen

Kompetenzen

Top-Skills

Webentwicklung React TypeScript Git GitLab Angular CSS3 HTML5 Jest Svelte Front-End Unittest CodeCoverage Code Review Agile Softwareentwicklung Scrum Accessibility E-Commerce JavaScript Docker CI/CD

Produkte / Standards / Erfahrungen / Methoden

PROFIL:

  • Als Softwareentwickler und Frontend Architekt mit über 12 Jahren Berufserfahrung habe ich bereits bei einigen Unternehmen aus den unterschiedlichsten Domänen an vielen unterschiedlichen Softwareprojekten gearbeitet. Eine möglichst enge Zusammenarbeit mit Kunden bzw. den Anwendern war mir dabei immer besonders wichtig, denn nur so kann man das umsetzen, was der Kunde auch wirklich braucht.
  • Clean-Code, einfach zu verstehender sowie leicht zu wartender Code stand für mich immer Fokus meiner Arbeit. Der regelmäßige Austausch mit anderen Entwicklern war dabei über die Jahre wichtige, zentrale Elemente meines Vorgehens. In Zukunft würde ich gerne meine Kenntnisse im Bereich Frontend Server-Side Rendering (SSR), Static-Site-Generation (SSG) und Module-Federation weiter ausbauen.


TECHNISCHE FÄHIGKEITEN:

IDEs:

  • Visual Studio Code


CI-CD/ Codequalität:

  • Git
  • GitLab
  • Bitbucket
  • Jira
  • Jest
  • Unit- / Integration-/ Snapshot-Testing
  • Husky
  • Jenkins
  • Azure DevOps
  • Rancher
  • Docker
  • Prettier
  • Stylelint
  • Jasmine


Frameworks/ SW:

  • React
  • Angular
  • Redux / RxJs / NgRx
  • yarn / npm
  • Jest
  • Nx
  • Stencil
  • Figma
  • Sketch
  • Photoshop
  • Confluence
  • Storybook
  • MSW
  • urql
  • Magento 2
  • Tailwind
  • Hyvä
  • Alpine.js
  • Mirage JS
  • AG Grid
  • Angular Materials
  • API-Platform
  • React-Admin
  • Symfony
  • Doctrine
  • Plone
  • TYPO3
  • Magnolia
  • React-Habitat
  • SAPUI5
  • Make
  • SAP Launchpad
  • SAP Cloud Platform (Neo)
  • Freemarker
  • Flux
  • Handlebars
  • Grunt
  • Canto Cumulus DAM


Protokolle/ Formate:

  • OpenID Connect
  • REST
  • GraphQL
  • Swagger / OpenAPI
  • JSON


BERUFSERFAHRUNG

11/2022 - heute:

Rolle: SENIOR-SOFTWARE-ENTWICKLER 

Kunde: THE.NEXTGEN GMBH


09/2020 - 10/2022:

Rolle: SENIOR FRONTEND ARCHITECT 

Kunde: netz98 GmbH


09/2014 - 08/2020:

Rolle: SENIOR SOFTWARE DEVELOPER

Kunde: mediaman GmbH

Programmiersprachen

HTML 5
CSS 3
JavaScript (ES6/7)
TypeScript
Sass
CSS-Modules
PHP
Node.js

Einsatzorte

Einsatzorte

Deutschland, Schweiz, Österreich
möglich

Projekte

Projekte

9 Monate
2025-06 - heute

E-Commerce Platform Modernisierung

Fullstack-Entwickler mit Schwerpunkt Frontend Svelte HTML 5 CSS 3 ...
Fullstack-Entwickler mit Schwerpunkt Frontend
Bei einer der größten E-Commerce-Plattformen Deutschlands ersetzte ich gemeinsam mit meinem Team veraltete Freemarker-Templates durch moderne Svelte-Komponenten. Neben der Entwicklung neuer Funktionen war ich an der kontinuierlichen Erweiterung, Wartung, Konzeption und Qualitätssicherung des Shops beteiligt. Zudem erweiterten und optimierten wir die bestehende Architektur sowie die Backend-Schnittstellen, um eine bessere Integration und langfristige Skalierbarkeit sicherzustellen.

Ergänzend dazu führte ich Workshops zu Themen wie Storybook, Unit-Testing, End-to-End-Testing sowie unidirektionalem Datenfluss durch, um ein gemeinsames technisches Verständnis im Team zu etablieren. Die Zusammenarbeit erfolgte in zweiwöchigen Sprints mit gemeinsamer Aufwandsschätzung, Story-Planung und regelmäßigen Reviews. Ziel des Projekts war es, durch eine saubere und zukunftsfähige Architektur die Performance, Stabilität und Wartbarkeit des Systems nachhaltig zu verbessern.
Jira Confluence CircleCI Github
Svelte HTML 5 CSS 3 SASS TypeScript AWS Spring Boot ?Java? Git ChatGPT Kibana Confluence Jira Github Husky Barrierefreiheit / A11y CI/CD
Otto GmbH & Co. KGaA
9 Monate
2025-06 - 2026-02

Neugestaltung der Shop-Architektur für Performance & Skalierbarkeit

Fullstack-Entwickler mit Schwerpunkt Frontend Spring Boot Svelte TypeScript ...
Fullstack-Entwickler mit Schwerpunkt Frontend
Bei einer der größten E-Commerce-Plattformen Deutschlands ersetzte ich gemeinsam mit meinem Team veraltete Freemarker-Templates durch moderne Svelte-Komponenten. Neben der Entwicklung neuer Funktionen war ich an der kontinuierlichen Erweiterung, Wartung, Konzeption und Qualitätssicherung des Shops beteiligt. Zudem erweiterten und optimierten wir die bestehende Architektur sowie die Backend-Schnittstellen, um eine bessere Integration und langfristige Skalierbarkeit sicherzustellen.

Das Ziel des Projekts war es, durch eine saubere und zukunftsfähige Architektur die Performance, Stabilität und Wartbarkeit des Systems nachhaltig zu verbessern.
Spring Boot Svelte TypeScript FreeMarker JavaScript CSS3 HTML5 Playwright Storybook Vitest Unittest
Otto GmbH
2 Jahre 1 Monat
2023-02 - 2025-02

Shopsystem auf moderner Technik von E-Commerce angefordert

Svelte SvelteKit TypeScript ...
  • Aufgrund der alternden Codebasis des bestehenden Shopsystems wurde ein neues Shopsystem auf moderner Technik von E-Commerce angefordert, um die zukünftige Wartbarkeit möglichst gering zu halten, die Performance zu verbessern und moderne Standards in das Projekt einzubinden. 
  • Das Ziel gilt sowohl für das Backend als auch das Frontend, denn eine agnostische Implementierung macht einen zukünftigen technischen Austausch viel leichter. Die Hauptaufgabe des Frontend-Teams war ein modernes Framework für das neues Shopsystem zu finden und damit das Shopsystem anhand des neuen Konzepts aufzusetzen. 
  • Währenddessen wird das Backend-Team die bestehenden Shop-Schnittstellen neu definieren und implementieren, um eine Middleware zwischen SAP-Hybris und dem Frontend einzurichten. 
  • Als Teil des Frontend-Teams habe ich nicht nur bei der Entwicklung das Team unterstützt, sondern auch mit dem DevOps- und UX/UI-Team eng zusammengearbeitet, um Konzepte zu verfeinern, mein Input zu geben und Anforderungen zu definieren oder auch identifizieren. 
  • Das Shopsystem sollte nicht nur für Walbusch zum Einsatz kommen, aber auch für Avena und Mey & Edlich. Gleichzeitig sollten die jeweiligen Komponenten, Seiten und Konzepte für alle Mandanten gelten und die Seiten beziehungsweise Komponenten nur ?optisch? voneinander unterscheiden, um den Aufwand und die Wartung gering zu halten. Das Projekt fing mit einer Art von Agile an, die nach einem Jahr zu einer Art Kanban mit vier Wochen ?Iterationen? gewechselt ist. 
  • Trotz eines neuen jungen Frameworks, das keiner von uns vorher kannte und viele Herausforderungen sind wir auf dem Weg zu einem erfolgreichen Go-Live.
Svelte SvelteKit TypeScript Tailwind Flowbite Storybook MSW Vitest GitLab Git Prettier husky Jira Confluence
Walbusch
3 Monate
2022-11 - 2023-01

Stencil Pattern-Library geschrieben, um die Performance und die Wartbarkeit zu verbessern

React Redux TypeScript ...
  • Das bestehende Liebherr Magento 2 Frontend wurde neu in React anhand der Liebherr Stencil Pattern-Library geschrieben, um die Performance und die Wartbarkeit zu verbessern. Das Backend wandelt sich in einem API-Gateway um, um alle Schnittstellen in einem Endpunkt zu bringen. 
  • Als Frontend Lead war meine Aufgabe die zwei Microanwendungen aufzusetzen und als npm-Packages auszuliefern, sodass sie in der Hauptapplikation leicht integriert sein könnten. Abstimmung mit Design, UX, Backend, Kunden, und anderen Dienstleistern habe ich auch übernommen sowie das Onboarding neuer Frontend-Entwickler.
  • Das Frontend besteht aus einem Mono-Repo mit drei Subprojekten, nämlich eine Single-Page-Application (SPA), eine Komponentenbibliothek, und die Liebherr Stencil Web-Komponenten exportiert als React Komponenten. 
  • Weil das Backend parallel entwickelt wurde, haben wir die GraphQL Schnittstelle bzw. die Querys und Mutations lokal mit MSW gemockt. 
  • Unsere einzelnen Komponenten sowie die Mikroanwendungen könnten Design und den Kunde in unserer Storybook-Instanz testen und abnehmen. Mein internes Team bestand aus einem Projekt-Manager, zwei Backend- sowie zwei Frontend-Entwicklern. 
  • Kundenseitig hatten wir einen Proxy-PO, einen Designer und einen Tester mit denen wir nach einer Mischung aus Scrum und Kanban zusammengearbeitet haben.
React Redux TypeScript Stencil.Js HTML5 SCSS CSS-Modules Nx GraphQL Storybook MSW Jest urql GitLab Git yarn 3 Stylelint Prettier husky Magento 2
Liebherr
6 Monate
2022-05 - 2022-10

Stencil Pattern-Library geschrieben, um die Performance und die Wartbarkeit zu verbessern

React Redux TypeScript ...
  • Das bestehende Liebherr Magento 2 Frontend wurde neu in React anhand der Liebherr Stencil Pattern-Library geschrieben, um die Performance und die Wartbarkeit zu verbessern. Das Backend wandelt sich in einem API-Gateway um, um alle Schnittstellen in einem Endpunkt zu bringen. 
  • Als Frontend Lead war meine Aufgabe die zwei Microanwendungen aufzusetzen und als npm-Packages auszuliefern, sodass sie in der Hauptapplikation leicht integriert sein könnten. Abstimmung mit Design, UX, Backend, Kunden, und anderen Dienstleistern habe ich auch übernommen sowie das Onboarding neuer Frontend-Entwickler.
  • Das Frontend besteht aus einem Mono-Repo mit drei Subprojekten, nämlich eine Single-Page-Application (SPA), eine Komponentenbibliothek, und die Liebherr Stencil Web-Komponenten exportiert als React Komponenten. 
  • Weil das Backend parallel entwickelt wurde, haben wir die GraphQL Schnittstelle bzw. die Querys und Mutations lokal mit MSW gemockt. 
  • Unsere einzelnen Komponenten sowie die Mikroanwendungen könnten Design und den Kunde in unserer Storybook-Instanz testen und abnehmen. Mein internes Team bestand aus einem Projekt-Manager, zwei Backend- sowie zwei Frontend-Entwicklern. 
  • Kundenseitig hatten wir einen Proxy-PO, einen Designer und einen Tester mit denen wir nach einer Mischung aus Scrum und Kanban zusammengearbeitet haben.
React Redux TypeScript Stencil.Js HTML5 SCSS CSS-Modules Nx GraphQL Storybook MSW Jest urql GitLab Git yarn 3 Stylelint Prettier husky Magento 2
Liebherr
7 Monate
2022-04 - 2022-10

Shopware Shop-System abschaffen

React Redux TypeScript ...
  • Der Kunde wollte das bestehende Shopware Shop-System abschaffen und dafür ein neues Magento 2 System aufsetzen. Zusammen mit dem Backend Lead haben wir die Business Requirements von dem Kunde gesammelt, in Epics und Storys aufgeteilt und geschätzt. Der Frontend Teil des Projekts vorbereitet und aufgesetzt, sodass das Onboarding des Teams leichter wird. Anhand des Designs habe ich die entsprechenden in Komponenten bzw. Widgets aufgeteilt und zusammen mit dem Frontend-Team die Komponenten dokumentiert und spezifiziert, da keine Spezifikation vom Kunde vorlag. 
  • Um die Performance im Fronend zu verbessern, haben wir das Standard Magento 2 Frontend durch Hyvä ersetzt. Da die meisten Frontendentwickler in unserem Team wenig Erfahrung mit Hyvä hatten, hatte ich regelmäßige Workshops durchgeführt, um das gesamte Team auf den neusten Stand zu bringen. Durch die Code-Reviews habe ich die Qualität des Frontend-Codes hochgehalten, bevor die Änderungen auf Staging deployt werden bzw. zur Abnahme gekommen sind. Als Frontend Lead war ich regelmäßig im Austausch mit dem Backend Lead, um die Auszubildenden, Junior- und Intermediate-Entwickler zu unterstützen und zu betreuen.
React Redux TypeScript Stencil.Js HTML5 SCSS CSS-Modules Nx GraphQL Storybook MSW Jest urql GitLab Git yarn 3 Stylelint Prettier husky Magento 2
bosch Tiernahrung
1 Jahr 5 Monate
2021-01 - 2022-05

bestehende Magento 2 System von BMC Switzerland wurde zum Teil übernommen

React TypeScript Storybook ...
  • Das bestehende Magento 2 System von BMC Switzerland wurde zum Teil übernommen, da zwei Entwickler seitens BMCs die Verantwortung des Systems besaßen. Anhand eines neuen Corporate Designs haben wir einen neuen Shop für die aktuelle Marke ?BMC? sowie zwei neue Marken aufsetzen. Aus dem neuen CD habe ich die einzelnen Komponenten identifiziert und zusammen mit dem Kunde die Business Requirements der Komponenten konkretisiert. Das Frontend Projekt habe ich dann mit React und Storybook aufgesetzt, wo der Kunde die einzelnen Komponenten mit diversen Propertys ausprobieren, testen und abnehmen konnte. 
  • Die React Komponenten wurden nach Abnahme des Kunden in einem Magento Widget umgewandelt, sodass der Kunde selbst die Widgets bzw. Komponenten auf einer CMS-Seite pflegen konnte. React war für viele unserer Entwickler neu, da Magento 2 Frontend aus JavaScript und Require.js besteht. Um den Entwicklern und Auszubildenden React beizubringen, habe ich regelmäßigen React Workshops während des Projekts gehalten. Gleichzeitig habe ich Workshops mit dem Kunde gehalten, um dem Kunden zu zeigen, wie man Widgets ordentlich pflegt. Die erste Marke ?BMC? ist zuerst in Mai live gegangen und danach kamen die zwei neuen Marken erfolgreich online.
React TypeScript Storybook Mirage JS Jest HTML5 SCSS GitLab Git Stylelint Prettier husky Magento 2 PHP 7 (PHTML)
BMC
5 Monate
2020-08 - 2020-12

APIs waren inkonsequent definiert

React TypeScript Redux ...
  • Die existierenden APIs waren inkonsequent definiert und über viele diversen Systeme verstreut. Dafür haben wir die Beauftragung erhalten, um die APIs konsequent und neu zu schreiben. Das Frontend war in einer veralteten jQuery Version geschrieben und sollte entsprechend neu geschrieben werden, um die Performance zu verbessern sowie die neue APIs anzuzapfen. Drei neue Mikroanwendungen wurde in React entwickelt und in das bestehende Magento System integriert. Da das Backend parallel entwickelt wurde, habe ich Mirage JS verwendet, um die APIs genau zu mocken, wie in der OpenAPI Spezifikation beschrieben. 
  • Sobald das Backend die APIs zur Verfügung gestellt hat, konnten wir das Frontend und das Backend einwandfrei in Magento 2 integrieren. Dank Storybook konnte der Kunde jederzeit den aktuellen Zustand der drei Anwendungen ansehen, testen und abnehmen. Das Projekt ist im Dezember 2020 erfolgreich live gegangen.
React TypeScript Redux React-Habitat Storybook Jest HTML5 SCSS GitLab Git Stylelint Prettier husky Magento 2 PHP 7 (PHTML)
CODESYS
4 Monate
2020-04 - 2020-07

Variant Manager

Angular 9 Angular Materials NgRx ...
  • SEW hatte einige Probleme mit ihrer bestehenden ?Variant Manager? Anwendung und wollte die Anwendung entsprechend modernisieren und mit der neuen Entwicklung erweitern. Als Team Lead war ich für die Entwicklung der Angular-Applikation sowie die Beratung des Kunden zuständig. Eine Spezifikation der bestehenden Anwendung lag nicht vor, weswegen ich im sehr engen Austausch mit dem Business Analyst und dem Product-Owner war, um die ganzen Requirements in Epics und Storys zu erfassen. Die Anwendung sollte zum großen Teil aus Tabellen bestehen, wofür wir AG Grid als performante Lösung ausgewählt haben. Ich habe zusätzlich den kundenseitigen Entwickler sowie meine eigenen drei Entwickler in Angular durch regelmäßige Workshops geleitet. Der Kunde hat erst vor kurzem Scrum unternehmensweit ausgerollt und war immer noch unsicher, wie wir dies in unserem Team genau verwenden sollten. Dafür habe ich mehrere Workshops über Scrum mit dem Kunde sowie den Entwicklern durchgeführt sowie Gherkin basierte Templates für die Epics und die Storys vorbereitet.
Angular 9 Angular Materials NgRx AG Grid Azure DevOps HTML5 CSS3 Jest
SEW
1 Jahr 6 Monate
2019-02 - 2020-07

Color Picker/ Model Chooser

React React-Habitat Storybook ...
  • Eine Mikroanwendung sollte entwickelt werden, die für alle Automodellseiten innerhalb des CMS-Systems gepflegt und konfiguriert werden konnte. Das Projekt bestand aus drei Frontendentwicklern und zwei Backendentwickerln und wurde nach Scrum gearbeitet. Als Frontend Lead habe ich die Junior-Entwickler betreut und durch regelmäßige React-Workshops die Junior-Entwickler auch geführt. Als Frontend Lead war ich auch als Hauptansprechpartner für Design sowie Konzept, um die Vorwürfe aus beiden Abteilungen zu überprüfen und mit dem entsprechenden Ansprechpartner abzustimmen. Zusammen mit den Backendentwicklern habe ich anhand des Designs und des Konzepts die API-Spezifikation etabliert, da die API-Responses aus der Suzuki PIM-System teilweise über 10MB waren, was nicht nur für Desktop sondern auch für Mobilegeräte nicht funktionieren würde. Die Mikroanwendung wurde erfolgreich umgesetzt und wird noch im Jahr 2022 verwendet.
React React-Habitat Storybook TypeScript HTML5 CSS3 Redux Jest Docker Plone
Suzuki
1 Jahr 6 Monate
2019-02 - 2020-07

Color Picker/ Model Chooser

React React-Habitat Storybook ...
  • Eine Mikroanwendung sollte entwickelt werden, die für alle Automodellseiten innerhalb des CMS-Systems gepflegt und konfiguriert werden konnte. Das Projekt bestand aus drei Frontendentwicklern und zwei Backendentwickerln und wurde nach Scrum gearbeitet. Als Frontend Lead habe ich die Junior-Entwickler betreut und durch regelmäßige React-Workshops die Junior-Entwickler auch geführt. Als Frontend Lead war ich auch als Hauptansprechpartner für Design sowie Konzept, um die Vorwürfe aus beiden Abteilungen zu überprüfen und mit dem entsprechenden Ansprechpartner abzustimmen. Zusammen mit den Backendentwicklern habe ich anhand des Designs und des Konzepts die API-Spezifikation etabliert, da die API-Responses aus der Suzuki PIM-System teilweise über 10MB waren, was nicht nur für Desktop sondern auch für Mobilegeräte nicht funktionieren würde. Die Mikroanwendung wurde erfolgreich umgesetzt und wird noch im Jahr 2022 verwendet.
React React-Habitat Storybook TypeScript HTML5 CSS3 Redux Jest Docker Plone
Suzuki
1 Jahr 11 Monate
2018-09 - 2020-07

Collaboration Platform

JavaScript (ES6/7) HTML5 CSS3 ...
  • Kaeser wollte ihr Canto Asset-Management-System anpassen, um ihre Bedürfnisse besser abzudecken. Als Team Lead habe ich das IT-Konzept entwickelt und die Business-Requirements in Abstimmung mit Design und UX analysiert und dokumentiert. Den Kunde habe ich über die technischen Entscheidungen beraten und ich habe unseren Scrum-Master während seines Urlaubs vertreten. Trotz bestehendes SAP Styleguides waren viele Komponenten neu und mussten mit UX und Design entsprechend abgesprochen und abgestimmt, bevor wir mit der Entwicklung anfangen konnten. Die neuen Komponenten habe ich zusammen mit einem Junior-Frontendentwickler erst in Storybook entwickelt, sodass UX und Design die entsprechenden Komponenten schneller sehen und testen konnten. Nach der Freigabe von UX und Design wurde die Anwendung zusammen mit den neuen Komponenten in das SAP Launchpad deployt und kundenseitig getestet und abgenommen.
JavaScript (ES6/7) HTML5 CSS3 Redux SAPUI5 SAP Launchpad SAP-Cloud Platform (Neo Environment) Storybook Canto Cumulus Digital Asset Manager OpenAPI REST Docker Kubernetes Make
Kaeser
3 Monate
2020-01 - 2020-03

DMO One Portal

Angular 9 HTML 5 Sass ...
Die bestehende Angular 1.x Anwendung wollte Daimler durch eine moderne Angular 9
  • Anwendung ersetzen. Das Kundenportal bestand aus mehreren Angular Microanwendungen, die wir in einem Monorepo aufgeteilt hatten. Jede Microanwendung wurde in Jenkins beim Deployment in einem Docker-Image verpackt und in die Docker-Registry vom Kunden ausgeliefert. Anhand der Spezifikation und des Daimler Design-Systems habe ich das Frontend aufgesetzt und zusammen mit meinem Team aus fünf Frontend-Entwicklern erfolgreich nach Scrum entwickelt. In meiner Rolle als Senior habe ich nicht nur entwickelt, sondern besonders auf die Code-Qualität geachtet, da die eigenen Entwickler in meinem Team nur wenig Erfahrung in Angular hatten, was ich aber durch regelmäßige Angular-Workshops und Code-Reviews aufgestockt habe.
Angular 9 HTML 5 Sass Jest OpenAPI Jenkins Docker
Daimler
4 Monate
2019-12 - 2020-03

MVP entwickeln

React React-Admin Redux ...
  • Das Start-up Airive wollte ein MVP entwickeln, um ihr Geschäftsmodell auszuprobieren und zu etablieren. Durch enge Kooperation mit der Geschäftsführung und den Stakeholdern habe ich als Team Lead die Business-Requirements anhand der Geschäftsziele herauskristallisiert und analysiert. Als ich die Business-Requirements aufgesammelt habe, habe ich zusammen mit meinem Team aus zwei Frontendentwicklern und einem Backendentwickler die Epics und Storys entsprechend unterbrochen und nach Story-Points geschätzt. Dies habe ich dann zusammen mit der Geschäftsführung und den Stakeholders besprochen, um Timelines zu definieren und festzulegen. Die API-Platform bat einen Adminbereich, SPA und Datenbank bereits an, was zu dem B2B-Anwendungsfall optimal gepasst hat. Das Frontendteam war auch hoch motiviert eine neue Technologie, React, auszuprobieren, da das Team bisher nur Angular kannte. Durch regelmäßige Workshops und Code-Reviews habe ich das Team React nach und nach beigebracht. Die Konzeptentwicklung des MVPs habe ich bis zur geplanten Umsetzung der Plattform durchgeführt.
React React-Admin Redux API-Platform GraphQL Jest Symfony 4 PHP 7 Doctrine PostgreSQL Docker Kubernetes
Airive
1 Jahr 2 Monate
2018-08 - 2019-09

Relaunch der website

React React-Habitat Redux ...
  • Konzeption der Frontendarchitektur und Vorbereitung einer Vorlage für das Team und die Business-Requirements gemeinsam mit Design und UX identifiziert. Anhand der Business-Requirements habe ich die technischen Anforderungen abgeleitet. Das Team aus zwei Frontendund zwei Backendentwicklern hat die Business-Requirements in Storys unterbrochen und die ebenfalls nach Komplexität und Zeit geschätzt. Um das Backend und Frontend sauber trennen zu können und entsprechend parallel arbeiten zu können, haben wir die Komponenten in Storybook umgesetzt und später in TYPO3 Widgets umgewandelt, sobald das Backend bereit war. Das Backend sowie das Frontend wurden ständig in Kubernetes (durch Rancher) als Docker Container deployt und entsprechend automatisch aktualisiert.
React React-Habitat Redux Storybook TYPO3 (TypoScript) PHP 7 Make HTML5 Sass Rancher Jenkins
mediaman
9 Monate
2018-01 - 2018-09

Financial Services

Angular 6 HTML5 Sass ...
  • Die bestehende PHP-Monolith Applikation haben wir durch neue Webanwendung ersetzt. Die technischen Anforderungen habe ich in Zusammenarbeit mit Design und UX identifiziert und dadurch die Frontendarchitektur und REST-Schnittstellen definiert und spezifiziert. Ich war auch für das ganze Projekt als Team Lead Hauptansprechpartner für den Kunden, Backend-Dienstleister und das Frontend-Team tätig. Mein internes Team bestand aus drei Frontendentwickerln, wobei die Backendentwickler von einem anderen Dienstleister kamen. Die Business-Requirements wurden erfasst und dann in Epics und Storys unterbrochen. Zusammen mit dem anderen Dienstleister haben wir die Storys nach Komplexität und Zeit geschätzt und beim Sprintbeginn mit den Frontend-Storys angefangen. Da wir nicht mit dem anderen Dienstleister direkt arbeiten durften, haben wir das ganze Backend durch Swagger-CLI gemockt, um die lokale Entwicklung zu ermöglichen. Das Projekt wurde leider vom Kunde aus Budgetgründen frühzeitig beendet, bevor es Live gegangen ist.
Angular 6 HTML5 Sass OpenID Swagger REST RxJS Jasmine Storybook Docker
Daimler
2 Jahre 1 Monat
2016-01 - 2018-01

Neuentwicklung des bestehenden Content Management Systems

React React-Habitat Flux ...
  • Neuentwicklung des bestehenden Content Management Systems. Leitung des Frontendteams von Projektbeginn. Verwendung neuen Technologien (React, Flux, ES6/7), um diese Agenturweit zu etablieren. Beratung des UXs und Designs zusammen mit dem Backend Verantwortlichen durchgeführt. 
  • Das Frontend und der entsprechende Styleguide wurden erfolgreich vom CMS bzw. Dem Backend abgekapselt, sodass das Frontend unabhängig vom Backend entwickeln konnte.
React React-Habitat Flux JavaScript (ES6/7) Sass Magnolia CMS Freemarker
Frankfurt School of Business and Management
1 Jahr
2015-02 - 2016-01

Mercedes Me Portal

Handlebars CSS3 HTML5 ...
  • Beratung innerhalb der Entwicklung von neuen Komponenten in Abstimmung mit Konzept und Design. Umsetzung der verschiedenen Spezifikationen und Unterstützung eines weiteren Dienstleisters bei der Integration dieser Komponenten. Optimierung des veralteten Entwicklungssystems während des Projekts.
Handlebars CSS3 HTML5 JavaScript Grunt
Daimler
1 Jahr 3 Monate
2014-09 - 2015-11

Car Configurator

AngularJS HTML5 CSS3 ...
  • Das Projekt wurde vollständig mit Scrum und Test Drive Development zusammen mit Daimler TSS durchgeführt. Anforderungen der bestehenden Applikation zusammen mit Daimler TSS definiert, die wir als Grundlage für die Business Logik des Frontends verwendet haben. Web-Applikation basiert auf AngularJS nach der o.g. Spezifikation, diese wurde erfolgreich umgesetzt und kundenseitig freigegeben.
AngularJS HTML5 CSS3 JavaScript
Daimler

Aus- und Weiterbildung

Aus- und Weiterbildung

1 Monat
2018-01 - 2018-01

Ausbilder-Eignungsverordnung (AEVO)

IHK Wiesbaden
IHK Wiesbaden

Kompetenzen

Kompetenzen

Top-Skills

Webentwicklung React TypeScript Git GitLab Angular CSS3 HTML5 Jest Svelte Front-End Unittest CodeCoverage Code Review Agile Softwareentwicklung Scrum Accessibility E-Commerce JavaScript Docker CI/CD

Produkte / Standards / Erfahrungen / Methoden

PROFIL:

  • Als Softwareentwickler und Frontend Architekt mit über 12 Jahren Berufserfahrung habe ich bereits bei einigen Unternehmen aus den unterschiedlichsten Domänen an vielen unterschiedlichen Softwareprojekten gearbeitet. Eine möglichst enge Zusammenarbeit mit Kunden bzw. den Anwendern war mir dabei immer besonders wichtig, denn nur so kann man das umsetzen, was der Kunde auch wirklich braucht.
  • Clean-Code, einfach zu verstehender sowie leicht zu wartender Code stand für mich immer Fokus meiner Arbeit. Der regelmäßige Austausch mit anderen Entwicklern war dabei über die Jahre wichtige, zentrale Elemente meines Vorgehens. In Zukunft würde ich gerne meine Kenntnisse im Bereich Frontend Server-Side Rendering (SSR), Static-Site-Generation (SSG) und Module-Federation weiter ausbauen.


TECHNISCHE FÄHIGKEITEN:

IDEs:

  • Visual Studio Code


CI-CD/ Codequalität:

  • Git
  • GitLab
  • Bitbucket
  • Jira
  • Jest
  • Unit- / Integration-/ Snapshot-Testing
  • Husky
  • Jenkins
  • Azure DevOps
  • Rancher
  • Docker
  • Prettier
  • Stylelint
  • Jasmine


Frameworks/ SW:

  • React
  • Angular
  • Redux / RxJs / NgRx
  • yarn / npm
  • Jest
  • Nx
  • Stencil
  • Figma
  • Sketch
  • Photoshop
  • Confluence
  • Storybook
  • MSW
  • urql
  • Magento 2
  • Tailwind
  • Hyvä
  • Alpine.js
  • Mirage JS
  • AG Grid
  • Angular Materials
  • API-Platform
  • React-Admin
  • Symfony
  • Doctrine
  • Plone
  • TYPO3
  • Magnolia
  • React-Habitat
  • SAPUI5
  • Make
  • SAP Launchpad
  • SAP Cloud Platform (Neo)
  • Freemarker
  • Flux
  • Handlebars
  • Grunt
  • Canto Cumulus DAM


Protokolle/ Formate:

  • OpenID Connect
  • REST
  • GraphQL
  • Swagger / OpenAPI
  • JSON


BERUFSERFAHRUNG

11/2022 - heute:

Rolle: SENIOR-SOFTWARE-ENTWICKLER 

Kunde: THE.NEXTGEN GMBH


09/2020 - 10/2022:

Rolle: SENIOR FRONTEND ARCHITECT 

Kunde: netz98 GmbH


09/2014 - 08/2020:

Rolle: SENIOR SOFTWARE DEVELOPER

Kunde: mediaman GmbH

Programmiersprachen

HTML 5
CSS 3
JavaScript (ES6/7)
TypeScript
Sass
CSS-Modules
PHP
Node.js

Vertrauen Sie auf Randstad

Im Bereich Freelancing
Im Bereich Arbeitnehmerüberlassung / Personalvermittlung

Fragen?

Rufen Sie uns an +49 89 500316-300 oder schreiben Sie uns:

Das Freelancer-Portal

Direktester geht's nicht! Ganz einfach Freelancer finden und direkt Kontakt aufnehmen.