24.06.2026 aktualisiert
Premiumkunde
100 % verfügbarFreelance Principal/Senior UI/UX React Frontend Engineering Specialist
Tornesch (Hamburg), Deutschland
Nur Remote
Dipl. Multimedia ProducerSkills
FlutterJavaScriptUser Experience (UX)Barrierefreies WebdesignWerbungArchitekturHTML5TelekommunikationBootstrapBrowser-KompatibilitätCSSBeratungContent ManagementConversion-Rate-OptimierungWeb Entwicklung
Ich arbeite seit über 22 Jahren als Software Entwickler und freier Berater für kundenspezifische Lösungen im Bereich Frontend-Engineering. Zu meinen Schwerpunkten gehört die Planung und Entwicklung von Frontend- Architekturen, Micro-Frontends, Web Accessibility / WCAG 2.2 / BITV 2.0, die Umsetzung von Responsive-Design-Websites mit SCSS, CSS3, Material-UI, Tailwind CSS, Tailwind UI und Bootstrap sowie die Entwicklung von Single-Page-Applications mit TypeScript und React, Next.js und Astro.
Mein Erfahrungsschatz beinhaltet neben JavaScript-Frameworks wie React, Angular und Vue.js auch Web Components, Template-Sprachen, z.B. Thymeleaf, FreeMarker, Smarty, Twig und JSP sowie auch Shopsysteme und Content-Management- Systeme, z.B. WordPress und TYPO3. Ich kenne mich hervorragend in HTML5, CSS3 und JavaScript/ECMAScript aus und vertiefe diese Kenntnisse kontinuierlich. Auch in Webperformance-Optimierung und Cross-Browser/Device Website-Kompatibilität habe ich Erfahrung und diese bereits in verschiedenen Branchen angewendet. Mein Wissen umfasst ebenso native Apps auf Basis von PWA, Ionic/Capacitor, Flutter, React Native und NativeScript.
Dazu gehört die Entwicklung von Immobilienverwaltungs- Portalen, Telekommunikations-Websites, Logistik-, Verlagswesen-, Werbung- und Glücksspiel- Unterhaltungs- Websites, Software für Industrie, Finanzdienstleistungen, Versicherungen, Pharmaindustrie, Einzelhandel, Schifffahrt- und Reedereigesellschaften, Marine-Elektronik sowie Gebäudesystemtechnik. Sowohl deutsch- als auch englischsprachige Projekte sind für mich kein Problem.
Als Trainer und Coach habe ich auch im Rahmen von IT- Konferenzen und Meetups regelmäßig Vorträge und Workshopsgehalten, z.B. bei den code.talks Hamburg, der Web Developer Conference München, den Magdeburger Developer Days, dem techcamp Hamburg oder der w-jax München. Zudem habe ich Erfahrung in der agilen Entwicklung von CI/CD Pipelines, Containerbasierten Lösungen, Verwaltung von Datenbanken und Anwendungsintegrationen sowie Benutzerverwaltung, Rollen- und Rechtevergabe.
SPEZIALISIERUNG
Mein Erfahrungsschatz beinhaltet neben JavaScript-Frameworks wie React, Angular und Vue.js auch Web Components, Template-Sprachen, z.B. Thymeleaf, FreeMarker, Smarty, Twig und JSP sowie auch Shopsysteme und Content-Management- Systeme, z.B. WordPress und TYPO3. Ich kenne mich hervorragend in HTML5, CSS3 und JavaScript/ECMAScript aus und vertiefe diese Kenntnisse kontinuierlich. Auch in Webperformance-Optimierung und Cross-Browser/Device Website-Kompatibilität habe ich Erfahrung und diese bereits in verschiedenen Branchen angewendet. Mein Wissen umfasst ebenso native Apps auf Basis von PWA, Ionic/Capacitor, Flutter, React Native und NativeScript.
Dazu gehört die Entwicklung von Immobilienverwaltungs- Portalen, Telekommunikations-Websites, Logistik-, Verlagswesen-, Werbung- und Glücksspiel- Unterhaltungs- Websites, Software für Industrie, Finanzdienstleistungen, Versicherungen, Pharmaindustrie, Einzelhandel, Schifffahrt- und Reedereigesellschaften, Marine-Elektronik sowie Gebäudesystemtechnik. Sowohl deutsch- als auch englischsprachige Projekte sind für mich kein Problem.
Als Trainer und Coach habe ich auch im Rahmen von IT- Konferenzen und Meetups regelmäßig Vorträge und Workshopsgehalten, z.B. bei den code.talks Hamburg, der Web Developer Conference München, den Magdeburger Developer Days, dem techcamp Hamburg oder der w-jax München. Zudem habe ich Erfahrung in der agilen Entwicklung von CI/CD Pipelines, Containerbasierten Lösungen, Verwaltung von Datenbanken und Anwendungsintegrationen sowie Benutzerverwaltung, Rollen- und Rechtevergabe.
SPEZIALISIERUNG
- Single-Page-Applications
- Frontend Development
- Responsive Design
- Micro Frontend Architekturen
- Mobile Web Apps
- Native Mobile Apps
- Web Accessibility / WCAG
- Coaching, Training, Dokumentation
- React, Next.js, Astro, Remix
- Ionic/Capacitor, React Native § TypeScript, JavaScript, Redux § Web Components
- Micro Frontends
- Storybook
- Material UI / MUI
- Tailwind CSS / Tailwind UI
- CSS, SCSS, Less
- Figma, Design Tokens
- GitHub Actions
Sprachen
DeutschMutterspracheEnglischverhandlungssicherFranzösischGrundkenntnisseSpanischGrundkenntnisse
Projekthistorie
Eigenverantwortliche Frontend-Entwicklung an einem webbasierten Portal zur Fahrplansteuerung und Optimierung von Biogas-, Photovoltaik- und Batteriespeicheranlagen. Das Portal ermöglicht Anlagenbetreibern die Visualisierung und Steuerung von Energieflüssen in Echtzeit sowie die Planung zukünftiger Produktionsszenarien.
- Entwicklung des Moduls Bedarfsgerechte Fütterung: Interaktive Eingabeoberfläche für Betreiber von Biogasanlagen zur Planung der Gasproduktion für die kommenden 7 Tage; mit ziehbaren Kurvenankerpunkten, verschiebbaren Bausteinen und Echtzeit-Vorschau auf Gasspeicherfüllstand, Motorlaufzeiten und Erlöse
- Entwicklung des Moduls Gasspeicher: Chart-basierte Visualisierung des aktuellen und prognostizierten Gasspeicherfüllstands mit Overlay-Interaktionen und Echtzeit-Aktualisierung
- Entwicklung des Moduls Photovoltaik: Erweiterung der Leistungsgraphen um Vorhersagekurven (Eurowind Forecast, SKVE Forecast) als Stufenplot mit Viertelstundenauflösung; Integration externer und interner Prognosedaten per REST-API
- Entwicklung und Debugging von React-Komponenten und Chart-Visualisierungen innerhalb einer bestehenden Monorepo-Struktur
- Anbindung von REST-API-Endpunkten zur Datenversorgung der Charts und Steuerungsformulare
Technologien: React, TypeScript, SciChart, Vite, REST, CSS, Responsive Design, Node.js, PNPM, Docker, CI/CD, Git, Figma, DevOps, JIRA, Scrum, Tailwind CSS, Storybook, CSS, REST, Web Accessibility, Design Tokens, DevOps, Testautomatisierung
Eigenverantwortliche Umsetzung klar abgegrenzter Entwicklungspakete im Bereich der Frontend-Entwicklung für ein digitales B2C-Portal aus der Verlagsbranche (Self-Publishing-Segment).
- Implementierung neuer UI-Komponenten: Entwicklung von modularen und wiederverwendbaren React-Komponenten gemäß gelieferten UI-/UX-Spezifikationen unter Berücksichtigung bestehender Design-Systeme.
- Umsetzung der Komponenten nach Einhaltung der Web Accessibility Guidelines (WCAG 2.2)
- Integration von REST-APIs: Selbständige Anbindung von extern bereitgestellten REST-Schnittstellen in das Frontend zur Darstellung und Verarbeitung dynamischer Inhalte.
- Optimierung der Nutzerführung: Umsetzung von UX-Anforderungen durch Einbettung neuer Funktionen und Interaktionsmuster in bestehende Frontend-Strukturen.
- Qualitätssicherung der gelieferten Arbeitspakete: Durchführung eigenständiger Funktionstests auf Codeebene zur Einhaltung der technischen Funktionalität und Responsiveness der implementierten Module.
- Dokumentation der Entwicklungsleistungen: Erstellung einer nachvollziehbaren technischen Dokumentation der implementierten Features und Komponenten.
Technologien: React, TypeScript, Vite, Vitest, Jest, Ant Design, PNPM, ESLint, Tailwind CSS, clsx, tailwind-merge, React Testing Library, Storybook, CSS, Responsive Design, CSS Grid und Flex Layout, Docker, CI/CD, GitHub/GitLab, REST, Web Accessibility / WCAG 2.2 / BITV 2.0, Figma, Design Tokens, DevOps, GitLab, Testautomatisierung, Agile Teams, Scrum
Entwicklung eines Proof of Concept (PoC), um die Eignung von Web-Apps als Zukunftstechnologie für Sonar-Technologien bei Atlas Elektronik zu evaluieren. Im Rahmen des Projekts wurde eine Web-App mit einem Wasserfalldiagramm und weiteren UI-Komponenten entwickelt, die mit der bestehenden ACOS-Infrastruktur interagiert.
- Wasserfallspektogramm mit Auto-Scroll, Zeitachse, Peilungsachse, Farbkodierung (Brightness- Slider), Zoom (ohne Verfälschung)
- Anzeige, Historisierung & Verwaltung von großen Datenmengen (Zweistellige GB) mit Echtzeit-Aktualisierung
- Track-Overlay mit auswählbaren, farbkodierten Tracks und Kommunikation der Track-IDs
- UI-Controls für Frequenzbereiche mit Validierung, Fehlerhinweisen und grafischer
- Visualisierung
- Responsive Design UI mit Immediate Feedback, optimierter Performance und anpassbarem
- Layout
- Unit-Tests & Qualitätssicherungstools für eine nachhaltige Code-Basis
- Datenanbindung über DDS (Data Distribution Service) mit möglicher Adaptation auf andere
- Technologien
- Entwicklung des Design System, UI Design und Design Tokens in Figma und Dokumentation
- der React Components in Storybook
Technologien: React, TypeScript, Vite, Vitest Test, PNPM, Three.js, React Three Fiber, ESLint, Tailwind CSS, clsx, tailwind-merge, React Testing Library, Storybook, Websockets, Electron, Postman, JavaScript, CSS, Responsive Design, PNPM, Docker, CI/CD, GitHub/GitLab, REST, Web Accessibility, Figma, Design Tokens, DevOps, JIRA, Confluence, Middleware, Scrum
Zertifikate
Praxiskurs BPMN 2.0 Certificate
Camunda2016
Java & Java Server Faces Certificate
NewElements2013
Scrum Master Certificate
Scrum Alliance2011
Application Security Certificate
Compass Security2011
Scrum Certification
agile422010