11.10.2025 aktualisiert
Premiumkunde
100 % verfügbarSenior ReactJS Developer
München, Deutschland Kommunikationsdesign FH
Über mich
Senior Frontend Entwickler (React, Next.js, TypeScript) mit 25+ Jahren Erfahrung. Fokus auf Clean Code, UX/UI, Barrierefreiheit und skalierbare Webanwendungen. Diplom-Designer mit starkem Gespür für Struktur, Performance und Design-Systeme.
Skills
ProgrammierungResponsive Web DevelopmentgitJIRACSS3HTML5React.jsReduxredux thunkSCRUM / KANBANJavaScript (ES5/ES6/ES2015)jenkinsDocker
Meine Spezialisierung ist seit vielen Jahren die Entwicklung von Weboberflächen im React/ Typescript Umfeld.
Die Umsetzung einer Oberfläche erfolgt im Idealfall nach den Vorgaben eines UX/ UI Teams (bspw. Vorlagen erstellt in Figma/ InVision etc). Als Diplom Designer bin ich auch in der Lage, dem Team Feedback zur Machbarkeit zu geben und auch mal alternative Lösungsansätze aufzuzeigen. Zudem kann ich im Rahmen von CI Vorgaben Seiten anmutungskonform auch ohne Unterstützung eines UX/ UI Teams realisieren.
In allen meinen Projekten war ich in einem agilen Team integriert und bin mit Scrum oder Kanban Verfahren sowie dem Ticketing System in Jira bestens vertraut.
Main Skills:
ReactJS
Redux
Javascript (ES5/6)
Methoden
DRY
BEM
TDD
Scrum
Kanban
Frameworks/ Web Technologien:
ReactJS
Redux
NextJS
Gatsby
Handlebars.js
Assemble
Bootstrap
Zurb
Pure.CSS
Preprocessing Tools
yarn
npm
Webpack
Grunt
Compass/ SCSS
Mocha
Chai
Enzyme
Organisation:
GitHub
GIT
Subversion
Jira
Editoren
IntelliJ
VisualStudio Code
Grafik Tools
Photoshop
Illustrator
InDesign
Gimp
Inkscape
Ausbildung:
Diplom Designer
Kommunikationsdesign Studium an der Fachhochschule München
1995 Abschluß zum Diplom Designer (FH)
Sprachen:
Deutsch (Muttersprache)
Englisch
Einsatzort:
bevorzugter Einsatzort ist München
Die Umsetzung einer Oberfläche erfolgt im Idealfall nach den Vorgaben eines UX/ UI Teams (bspw. Vorlagen erstellt in Figma/ InVision etc). Als Diplom Designer bin ich auch in der Lage, dem Team Feedback zur Machbarkeit zu geben und auch mal alternative Lösungsansätze aufzuzeigen. Zudem kann ich im Rahmen von CI Vorgaben Seiten anmutungskonform auch ohne Unterstützung eines UX/ UI Teams realisieren.
In allen meinen Projekten war ich in einem agilen Team integriert und bin mit Scrum oder Kanban Verfahren sowie dem Ticketing System in Jira bestens vertraut.
Main Skills:
ReactJS
Redux
Javascript (ES5/6)
Methoden
DRY
BEM
TDD
Scrum
Kanban
Frameworks/ Web Technologien:
ReactJS
Redux
NextJS
Gatsby
Handlebars.js
Assemble
Bootstrap
Zurb
Pure.CSS
Preprocessing Tools
yarn
npm
Webpack
Grunt
Compass/ SCSS
Mocha
Chai
Enzyme
Organisation:
GitHub
GIT
Subversion
Jira
Editoren
IntelliJ
VisualStudio Code
Grafik Tools
Photoshop
Illustrator
InDesign
Gimp
Inkscape
Ausbildung:
Diplom Designer
Kommunikationsdesign Studium an der Fachhochschule München
1995 Abschluß zum Diplom Designer (FH)
Sprachen:
Deutsch (Muttersprache)
Englisch
Einsatzort:
bevorzugter Einsatzort ist München
Sprachen
DeutschMutterspracheEnglischverhandlungssicher
Projekthistorie
• ReactJS/ NextJS
• Typescript
• Shadcn
• Tanstack Query/ Table
• Tailwind
• Keycloak/ OpenID Connect Anbindung
• Storybook
• Vitest
• Typescript
• Shadcn
• Tanstack Query/ Table
• Tailwind
• Keycloak/ OpenID Connect Anbindung
• Storybook
• Vitest
Frontend Development ReactJS, vite, Zustand, TanStack
Architectural Planning and realization
Architectural Planning and realization
Mazda Händlerplattform, 07.2021 bis 04.2023
https://shop.mazda.co.uk/ (DH1 1AA, GU16 7HF)
Als Frontend Entwickler in freier Mitarbeit bei der Diva-e in München. Entwickelt auf Basis der Commerce Platform VTEX (http://vtex.com).
“Build lightning-fast storefronts, custom apps and integrations and eliminate manual tasks across your delivery lifecycle”
Vtex bietet eine Reihe von Apps für Back- und Frontend, mit dem sich im Baukasten Prinzip Shopping Lösungen verwirklichen lassen.
Im Projekt wurde das klassische CMS benutzt, das mit einem auf React/Typescript basierenden Frontend kommt. Konfiguration des Frontend wird mit JSON beschrieben.
Mein Aufgabenbereich:
https://shop.mazda.co.uk/ (DH1 1AA, GU16 7HF)
Als Frontend Entwickler in freier Mitarbeit bei der Diva-e in München. Entwickelt auf Basis der Commerce Platform VTEX (http://vtex.com).
“Build lightning-fast storefronts, custom apps and integrations and eliminate manual tasks across your delivery lifecycle”
Vtex bietet eine Reihe von Apps für Back- und Frontend, mit dem sich im Baukasten Prinzip Shopping Lösungen verwirklichen lassen.
Im Projekt wurde das klassische CMS benutzt, das mit einem auf React/Typescript basierenden Frontend kommt. Konfiguration des Frontend wird mit JSON beschrieben.
Mein Aufgabenbereich:
- Analyse des vtex Universums, Machbarkeit
- Koordination des Fronendteams
- Schulung der Frontend Kollegen über Handhabung des CMS
- Verwalten und Arbeiten mit dem vtex workspaces Konzept
- Erstellung von Custom Components
- Datenanbindung mit GraphQL
- Responsives Layouting mit dem vtex Frontend (JSON-Konfiguration/ CSS)
- Integration von SCSS in das vtex System
- Testing (react testing library)
- Deployment des vtex Frontend
Einzelne Apps werden versioniert und jede für sich deployed. Im Anschluss wurde die Main-App deployed und veröffentlicht.
Auch aufgrund der Workspace-Architektur war dieser Prozess nicht sehr übersichtlich und fehleranfällig und daher lange meine Verantwortung. Erst nach einer Reihe von begleiteten Sessions sahen sich die Frontend-Kollegen in der Lage, selbständig Deployments vorzunehmen.
CI/CD Pipelines waren zum Start des Projekts vom Hersteller noch nicht vorgesehen. - Erstellung maßgeschneiderter Custom Components für Mazda
- Finance Calculator App
Calculator Integration mit Slidern. Berechnung erfolgte auf Fremdsystem, Einbindung der Daten per GraphQL mit anschließender Generierung des Frontend - Customer Location App
Eine von vtex für Mazda entwickelte Lokalisierung anhand von validierten Postcodes. Diese App wurde im Laufe des Projekts von Diva-e übernommen und von mir erweitert. Dies erforderte ein Redesign, auch um Laufzeitfehler in der App zu eliminieren - Contact Dealer App
Kontaktformular zum Verkäufer des gewählten Fahrzeuges - Summary App
Custom Page mit detaillierten Produktinformationen - Viele weitere…
- Finance Calculator App
- Analyse von Bugs in enger Zusammenarbeit mit dem Backend Team
- Planung von Sprints und Releases
Als Teammitglied mit der längsten Erfahrung in der Projekthistorie und detaillierter Kenntnis des vtex Systems durfte ich Scrummaster und Owner bei der Planung unterstützen.