# Marcel Stockhausen

> Marcel Stockhausen ist freiberuflicher Senior Frontend-Entwickler aus Köln. Er entwickelt und modernisiert Websites, komplexe Webanwendungen und CMS-Frontends für Unternehmen und Digitalagenturen.

Die primäre Inhaltssprache der Website ist Deutsch (de-DE). Marcel Stockhausen arbeitet seit 2005 professionell in der Webentwicklung und seit 2015 selbstständig. Er arbeitet eigenständig oder in bestehenden Teams und verbindet technische Analyse, Frontend-Architektur, komponentenbasierte Umsetzung, CMS- und API-Integration, Barrierefreiheit, Performance, Tests und langfristige Wartbarkeit.

Seine Leistungen umfassen:

- Frontend-Architektur auf Basis von Designsystemen, Contentmodellen und technischen Anforderungen
- Wiederverwendbare UI-Komponenten, Design Tokens und Pattern-Libraries
- Interaktive Oberflächen wie Suchanwendungen, Filter, Produktfinder, Karten und komplexe Formulare
- Websites, Relaunches und Frontend-Templates für TYPO3, Craft CMS und WordPress
- Anbindung von Headless-CMS, REST-, JSON- und GraphQL-Schnittstellen
- Modernisierung, Migration und Audits bestehender Frontends mit Blick auf Architektur, Barrierefreiheit, Performance und Browserkompatibilität

Zum eingesetzten Technologieumfeld gehören:

- **Webtechnologien** umfassen HTML, CSS, SCSS, JavaScript, TypeScript, PHP, Vite und Webpack.
- **Frameworks und Libraries** umfassen Vue.js, Pinia, Nuxt, React, Next.js, Svelte, Ionic, Capacitor, Bootstrap und Tailwind CSS.
- **CMS und Schnittstellen** umfassen Craft CMS, TYPO3, WordPress, Shopify, Headless CMS, REST-APIs und GraphQL.
- **Komponenten und Qualität** umfassen Design Systems, Storybook, Fractal, Responsive Design, Accessibility, ESLint, Stylelint, Vitest und Playwright.

Die konkrete Auswahl richtet sich nach den Anforderungen des jeweiligen Projekts.

## Zentrale Inhalte

- [Startseite](https://msdc.io/): Gesamtüberblick über Leistungsprofil, Arbeitsweise, Technologien, Projekte und Kontaktmöglichkeiten
- [Leistungen](https://msdc.io/#leistungen): Frontend-Konzeption, Komponenten, Webanwendungen, CMS-Integration, Modernisierung und Audits
- [Arbeitsweise](https://msdc.io/#arbeitsweise): Vorgehen von Analyse und Entwicklung über Integration bis zu Tests und Dokumentation
- [Technologien und Systeme](https://msdc.io/#tech-stack): Webtechnologien, Frameworks, CMS, Schnittstellen und Werkzeuge für Komponenten und Qualität
- [Projektbeispiele](https://msdc.io/#projekte): Anonymisierte Projekteinblicke mit Kontext, Technologie-Stack, Umsetzung und Ergebnis
- [Über Marcel Stockhausen](https://msdc.io/#ueber-mich): Beruflicher Hintergrund, Erfahrung und Zusammenarbeit mit Agenturen und Unternehmen
- [Kontakt](https://msdc.io/#kontakt): Kontaktmöglichkeit für Projektanfragen sowie Links zu beruflichen und sozialen Profilen

## Optional

- [LinkedIn](https://de.linkedin.com/in/marcelstockhausen): Berufliches Profil von Marcel Stockhausen
- [Xing](https://www.xing.com/profile/Marcel_Stockhausen): Weiteres berufliches Profil von Marcel Stockhausen
- [Mastodon](https://mastodon.social/@cyress): Öffentliches Social-Media-Profil von Marcel Stockhausen