23.04.2026 aktualisiert

**** ******** ****
verifiziert
Premiumkunde
100 % verfügbar

Senior Frontend Engineer 15+ Jahre | React · Next.js · Angular | Architektur · Modernisierung

Mainz, Deutschland
Weltweit
Master of Science (Informatik)
Mainz, Deutschland
Weltweit
Master of Science (Informatik)

Profilanlagen

IREB-CPRE.pdf
ISTQB-CTFL.pdf
udacity-react-nanodegree-certificate.pdf
UXQB-CPUXF.pdf
2025-04-Schmitt-Sebastian-Profil.pdf

Skills

Clean CodeHTMLJavaScriptBarrierefreies WebdesignUnit TestingCSSCertified Software Tester (CSTE)D3.JsDatenvisualisierungGitHubGoogle MapsJavascript LibrariesJSONNode.jsAngular 2+Next.jsResponsive WebdesignScaled Agile FrameworkTypeScriptWebGLThree.JsFront EndAngular MaterialTailwindReact.jsCypressVue.jsGoogle FirebaseGitLabGitVue.JsSassWebpackAngularJSGitlab-CiNpm(Software)React NativeFront EndReact ReduxRestful Apis
Mit 15+ Jahren Projekterfahrung realisiere ich anspruchsvolle Webanwendungen, modernisiere gewachsene Frontends und entwickle skalierbare Architekturen – eigenverantwortlich oder als hands-on Unterstützung in bestehenden Teams.

Als Freelancer begleite ich Projekte von der Konzeption bis zum Launch: von der Umsetzung komplexer Frontend-Applikationen über Architekturentscheidungen bis hin zu Framework-Migrationen und technischem Coaching.

Ich arbeite mit React/Next.js, Angular und Vue – und bringe die Erfahrung mit, alle drei Frameworks in produktiven Systemen verantwortet zu haben.

Meine Schwerpunkte
  1. Interaktive Webapplikationen & Frontend-Architektur (SPA, SSR, SSG)
  2. Dashboards & Web-Portale (JavaScript, TypeScript, React, Next.js, Angular, Vue)
  3. Frontend-Modernisierung und Framework-Migration
  4. Datenvisualisierung (D3.js, Three.js, Chart.js)
  5. Storybook basierte Komponentenbibliotheken
  6. Accessibility und WCAG-Konformität
  7. Testing (Jest, Jasmine, Cypress, Playwright)
  8. Agile Vorgehensweise (Scrum, SAFe)
Branchenerfahrung
  1. Versicherungen
  2. Finanzdienstleistungen
  3. Telekommunikation
  4. Software / IT
  5. Nachhaltigkeit
  6. Industrie
  7. EdTech / Weiterbildung
  8. Medizintechnik

Programmierung
JavaScript / TypeScript / React / Next.js / Vue.js / Angular / AngularJs / Knockout.js / Web Components / TanStack Query / Redux / Recoil / Formik / React Hook Form / TanStack Form / Node.js / npm / webpack / Prettier / HTML / CSS / Sass / SCSS / Tailwind CSS / Tailwind UI / shadcn/ui / Bootstrap / Storybook / JSON / SVG / Jest / Jasmine / Cypress / D3.js / Chart.js / three.js / Google Maps SDK / Firebase / Firebase Auth / Firestore / Google Cloud

Entwicklungsmethoden & Konzepte
Accessibility / Barrierefreiheit / WCAG / Agile Entwicklung / CI & CD / Clean Code / Datenvisualisierung / Interaction-Design / Performanceoptimierung / REST / SAFe / Scrum / Single-Page Applications / Software Craftsmanship / SSG / SSR / Unit-Testing / Usability-Engineering / User-Centered-Design / Wireframing

Tools
Atlassian JIRA / Balsamiq Mockups / ChatGPT / Claude Code / Git / Github / Github Actions / GitLab / Gitlab CI / Jenkins / Jetbrains AI / Subversion (SVN) / WebStorm

Sprachen

DeutschMutterspracheEnglischverhandlungssicher

Projekthistorie

Erstellung einer Angular Komponentenbibliothek

Versicherungen

Ich unterstütze die Entwicklung einer Angular-Komponentenbibliothek, die zentral über Storybook dokumentiert wird. Auf Basis von Figma-Designs und im engen Austausch mit dem Designteam entwickle ich barrierefreie UI-Komponenten und begleite Planung sowie Aufwandsschätzung neuer Features im Rahmen eines SAFe-Prozesses.

Neben der Implementierung bringe ich mich aktiv in die Weiterentwicklung der Entwicklungsprozesse ein. So verantworte ich Planung und Durchführung eines Workshops zu unserem Entwicklungs- und QA-Prozess. Auf dieser Grundlage überarbeiten wir das Vorgehen in den Bereichen Code-Review und Qualitätssicherung im Entwicklungsteam.

Darüber hinaus entwickle ich eigenverantwortlich ein Konzept zur Umsetzung visueller Regressionstests („Screenshot-Tests“). Dieses wird anschließend von mir implementiert und in die CI-Pipeline integriert, um die Qualitätssicherung weiter zu automatisieren.

Technologien: Accessibility, Angular, Figma, GitLab, Gitlab CI, HTML, Jest, Jest-Image-Snapshot, Playwright, SAFe, SCSS, Storybook, Storybook Test Runner, TypeScript, Web-Standards

Frontend-Migration von AngularJs nach React & Coaching

Internet und Informationstechnologie

Der Kunde stellt seine Frontend-Technologie von AngularJS auf das React-Ökosystem um. Die neue Codebase wird in einem Nx-Monorepo entwickelt und basiert auf einer Webpack Module Federation Microfrontend-Architektur. Zusätzlich entsteht eine neue Komponentenbibliothek.

In der ersten Hälfte meines Projekteinsatzes unterstütze ich das Infrastrukturteam beim Aufbau des neuen Projekt-Setups. Dabei setze ich übergreifende Features innerhalb der Application Shell um und entwickle die grundlegende Struktur der Apps und Libraries im Nx-Monorepo.

In der zweiten Projekthälfte plane und verantworte ich die Migration eines Frontend-Moduls. Dabei trage ich mein Wissen über den neuen Tech-Stack in ein Produktteam, coache zwei Entwickler im Frontend und begleite die erfolgreiche Umsetzung.

Technologien: Angular, Barrierefreiheit, CSS, GitLab, HTML, Jest, Migration, Node.js, Nx, Pair Programming, React, Sass, Storybook, TanStack Query, Technical Coaching, Web API / REST, npm, webpack, GitHub, TypeScript, Microfrontend Architecture

NFT Collection "Kybos"

Entwicklung eines Algorithmus zur Erzeugung von digitalen Kunstwerken ("Generative Art") mit dem Ziel der Veröffentlichung einer NFT-Kollektion über die Plattform Artblocks.
Showcase: https://www.s-schmitt.de/cubeception/
Technologien: TypeScript, three.js, webpack, artblocks.io, Ethereum Blockchain

Entwicklung eines Dashboards für ein Unternehmen im Nachhaltigkeits-Sektor

Energie, Wasser und Umwelt

Ein Unternehmen, das im Bereich der Nachhaltigkeit tätig ist, erstellt sogenannte LCAs (Life Cycle Assessments) für Produkte und Städte. Im Zuge der Digitalisierung, soll dieser Prozess in einem Dashboard zugänglich gemacht werden. Dieses umfasst:

* Visualisierung von Ergebnissen durchgeführter LCAs
* Visualisierung des Solarpotentials verschiedener Gebiete auf einer interaktiven Karte
* Interaktive Städtesuche auf einer Karte zur Darstellung diverser Nachhaltigkeits-Kennzahlen aus öffentlich zugänglichen Statistiken
* Upload- und Verwaltung von Daten und Dokumenten für einen LCA

Das Dashboard wird mit prototypischem Charakter entwickelt. Die Entwicklung der Frontendapplikation, des Firebase-Backends und der Github-Actions Integration erfolgt in alleiniger Verantwortung.

Technologien: TypeScript, Next.js (v14), React, Tailwind CSS, Tailwind UI, Chart.js, Firebase, Firebase-Auth, Firestore, Google Maps SDK, Google Solar API, Dexie, next-intl, react-cookie, nextjs-basic-auth-middleware, Prettier, GitHub, GitHub Actions

Frontendentwicklung für ein Telekommunikationsunternehmen

Telekommunikation

Der Kunde aus der Telekommunikationsbranche stellt seine IT-Prozesse auf eine agile Arbeitsweise um und treibt die Digitalisierung des Kundenservice voran.

In diesem Zuge implementiere ich als Teil eines Scrum-Teams neue Funktionalitäten im Kundenportal bzw. entwickle diese weiter. Dies reduziert die Kosten für die telefonische Kundenbetreuung signifikant. Konkret verbessere ich Prozesse wie Vertragskündigung, Bestellung von Aktionen und Zusatzoptionen oder die Anzeige von Störungsmeldungen.

In einem weiteren Scrum-Team bin ich für diesen Kunden auch für die Umsetzung von gebietsbezogenen Landingpages verantwortlich und entwickle eine neue Pre-Order-Bestellstrecke für FTTH-Glasfasertarife.

Technologien: Bitbucket, CSS, css-modules, ESLint, Formik, HTML, Jest, Next.js, Node.js, React, React Testing Library, Recoil, Sass, Storybook, TYPO3, Web API / REST, npm, webpack, TypeScript, Yup

Entwicklung mehrerer Portale im Bereich Glasfaserausbau

Telekommunikation

Für den Kunden aus der Telekommunikationsbranche werden mehrere Webportale zur Bereitstellung von
hochgeschwindigkeits-Glasfaseranschlüssen (FTTH) entwickelt, darunter Verfügbarkeitsprüfung, Bestellstrecke, Kundenportal und Auftragsverwaltung durch Agenten. Die Entwicklung erfolgt in Scrum Teams eines Internationalen SAFe Projektes mit insgesamt über 200 Projektmitarbeitern.

Ich treibe eine Umstellung der Frontend-Architektur von überwiegend SSR auf das Client-Seitige Framework Vue.js voran. Für ein Joint-Venture mit einem anderen Telekommunikationsunternehmen realisiere ich innerhalb der Applikationen eine „white-label“ Architektur zur Umsetzung mehrerer „Design-Themes“. In Zusammenarbeit mit Accessibility-Experten implementiere ich auch aktuelle Accessibility-Standards.
Technologien: Accessibility, Babel, CSS, Cypress, ESLint, Flow, GitLab, Gitlab CI, HTML, JavaScript (ES6), Jest, Migration, Node.js, Pug, Sass, Storybook, Vue.js, Vue Test Utils, Vuex, Web API / REST, npm, webpack, zepto

Entwicklung einer Cross-Plattform Mobile-App

Banken und Finanzdienstleistungen

Ein Corporate Start-up aus der Finanzindustrie entwickelt und betreibt eine webbasierte Robo-Advisor-Plattform. Zur Ergänzung des im Web verfügbaren Angebots soll eine Smartphone-App für Android und iOS einen benutzerfreundlichen Zugang zur Depotverwaltung für die Kunden ermöglichen.

Ich entwickle als Teil eines Scrum-Teams die neue Cross-Plattform-App mit Angular und dem Ionic Framework. Eine Designagentur liefert hierzu die Mockups in modernstem Design. Neben komplexen Animationen werden auch anschauliche Datenvisualisierungen umgesetzt, um Wertentwicklung, Portfolioaufteilung und Prognosen der Geldanlage darzustellen.

Ich bin für die Umsetzung dieser Visualisierungen mit D3.js verantwortlich und schule andere Entwickler in dieser Technologie.
Technologien: Angular, CSS, HTML, Jasmine, Jenkins, REST, RxJS, Sass, Web API / REST, ionic Framework, npm, webpack, TypeScript, D3.js

Entwicklung eines Robo-Advisor Frontends

Banken und Finanzdienstleistungen

Ein Corporate Start-up einer großen deutschen Investmentbank entwickelt einen Robo-Advisor, der Endkunden
automatisiert bei der privaten Geldanlage berät. In diesem Kontext implementiere ich Features für mehrere Web-Applikationen auf Basis von Knockout.js – vom Assistenten-Wizard über ein interaktives Produkt-Cockpit bis hin zum Checkout-Prozess.

Zur besseren Veranschaulichung komplexer Zusammenhänge entwickle ich interaktive Datenvisualisierungen mit D3.js, die ich in alleiniger Verantwortung umsetze. Darüber hinaus optimiere ich die Build-Prozesse der Frontend-Applikation, unter anderem durch die Einführung von Bundling mit Webpack.
Technologien: CSS, Gulp, HTML, Jasmine, Jenkins, Knockout.js, Web API / REST, gulp, swagger, webpack, JavaScript, D3.js

Frontend-Entwicklung einer Immobilienverwaltungssoftware

Banken und Finanzdienstleistungen

Ein Softwarehersteller für die Investment-Branche stellt auf agile Entwicklungsmethoden und moderne Webtechnologien um. Diese Transformation wird in einem Pilotprojekt mit Start-up-Charakter für ein erstes Produkt vorangetrieben: die Entwicklung eines MVP zur Verwaltung von Immobilien-Assets.

Als Experte für AngularJS, komponentenbasierte Frontend-Entwicklung und CSS unterstütze ich das Entwicklerteam und coache insbesondere einen Entwickler intensiv.

Zur Wiederverwendung der UI-Komponenten in weiteren Produkten evaluiere ich die Möglichkeiten einer NPM-basierten Component Library sowie die Anpassung bestehender Komponentenframeworks. Hierbei erstelle ich ein Seed-Projekt, das auf der Komponentenbibliothek PrimeNG und einem dazugehörigen Material-Design-Template basiert.
Technologien: JavaScript, TypeScript, AngularJS, Angular, HTML5, Sass, CSS3, Bootstrap, Jasmine, Cucumber, Protractor, Gulp, webpack, NPM, primeNG, JHipster, SC5 Styleguide

Zertifikate

React Developer

Udacity

2021

Certified Professional for Usability and User Experience

UXQB

2015

Certified Professional for Requirements Engineering

IREB

2013

Certified Tester

ISTQB

2012

Kontaktanfrage

Einloggen & anfragen.

Das Kontaktformular ist nur für eingeloggte Nutzer verfügbar.

RegistrierenAnmelden