Tailwind CSS Experten in Deutschland

TOURISMUS

colle-il-diaccino.de · Ferienunterkünfte

• Website konzipiert, gestaltet und entwickelt: interaktive Geländeansicht, Unterkunftsvergleich und Bildergalerien.
• Deutsche, englische und italienische Sprachversionen umgesetzt. Anfrageformulare mit Eingabeprüfung und Spam-Schutz, sprachabhängige SEO-Metadaten und automatisierte Tests eingerichtet.

Stack: Next.js, React, TypeScript, Tailwind, next-intl, React Hook Form, Zod, Resend, Playwright, Vitest

Remote-Freelance-Rolle mit Schwerpunkt auf Agentic-AI-Strategie, sicheren Anwendungsmustern und wiederverwendbaren agentischen Workflows für eine Behörde.

• Entwicklung und Umsetzung einer Open-Source-Strategie für Agentic AI für eine Behörde mit Schwerpunkt auf GDPR, Sicherheit und selbst gehosteten Lösungen
• Entwicklung wiederverwendbarer agentischer Workflows und Geschäftsanwendungen, mit denen nicht-technische Mitarbeitende Geschäftsprobleme selbstständig lösen können
• Umsetzung von neun Geschäftsanwendungen mit Single Sign-On (SSO) und Azure-PostgreSQL-Integration auf Hetzner-Linux-Servern

Techstack: Python, Streamlit, Anthropic SDK (Claude), Azure, Linux, PostgreSQL, MS SQL, Angular

• Aufbau einer maßgeschneiderten MediaWiki-Instanz inkl. Installation, MySQL-Datenbank, SSL und automatischer Backups
• Einrichtung von Benutzerrollen (Admin, Mod, Verifiziert, User) und Rechtesystem
• FlaggedRevisions für redaktionellen Prüf-Workflow · Kommentar- und Bewertungs-Extensions

• Opt-in-RAG-Erweiterung über mandanteneigene Datenquellen (SharePoint, Confluence) auf einer bestehenden mandantenfähigen Enterprise-KI-Plattform
• Architektur: ADRs, Lösungsbewertungen, Berechtigungsstrategie, Kostenmodellierung
• End-to-End-SharePoint- und Confluence-Konnektoren: OAuth-Zustimmungsabläufe, Token-Erneuerung, Metadatensynchronisierung, Suchintegration
• Berechtigungsauflösung: ACL-Indizierung bei der Datenaufnahme und Überprüfung zum Abfragezeitpunkt (Dokumentensicherheit)
• Hybride Elasticsearch-Suche (semantisch + Keyword) mit RRF-Bewertung
• RAG-Chat mit Kontextinjektion und Quellenangaben
• Stack: Elastic Cloud, Elasticsearch, Docker, Northflank, Next.js, React, TypeScript, Prisma, Microsoft Graph API, Atlassian REST API, OAuth 2.0

Procure Ai entwickelt eine Beschaffungsplattform mit Tools zur Optimierung von Einkauf und Lieferantenmanagement. Sie bietet Echtzeitanalysen, Einsparpotenziale und automatisierte Workflows. Ein gemeinsames Datenmodell integriert und ergänzt Daten aus mehreren ERP- und E-Procurement-Systemen, darunter Ivalua, SAP, Coupa, WPS und Jaggaer.

06/2025 – HEUTE:

• Konzeption und Entwicklung einer neuen KI-nativen Beschaffungsplattform mit Dokumentenintelligenz, einer Agenten-Orchestrierungsebene auf Basis von Mastra und LLM-basierter Workflow-Automatisierung für Anwendungsfälle in den Bereichen Lieferantenmanagement, Intake und Kategorienmanagement
• Agentenbasierte Entwicklungs-Workflows im gesamten Entwicklungsteam eingeführt, die LLM-gestützte Codegenerierung und automatisierte Reviews ermöglichen und die Durchlaufzeit sich wiederholender Entwicklungsaufgaben messbar verkürzen
• Migration des Design Systems von Material UI zu shadcn/ui mit Tailwind, um die Konsistenz zu verbessern und den Aufwand für die Frontend-Entwicklung zu verringern
• Weiterhin direkt an Frontend-, Backend- und KI-Funktionen mitgearbeitet, während das Engineering-Team von 10 auf 20+ Engineers wuchs: Recruiting, Onboarding, 1:1-Gespräche und Mentoring

06/2020 – 06/2025:

• Als erster Engineer nach den beiden Gründern eingestiegen; gemeinsam mit dem CTO die Plattformarchitektur und Produktvision von Grund auf gestaltet und die Plattform auf 10 Unternehmenskunden ausgebaut
• Die Fullstack-Entwicklung von Funktionen für die zentrale Beschaffungsplattform geleitet, mit Schwerpunkt auf Anwendungsfällen in den Bereichen Analytics, Suche und autonome Verhandlungen: MVP-Umfang festgelegt, technische Entscheidungen an den Kundenergebnissen ausgerichtet und Arbeiten eingestellt, die keinen Mehrwert brachten
• Eine feldbasierte Konfigurationsanforderung für autonome Verhandlungen hinterfragt und stattdessen einen knotenbasierten Regel-Editor entwickelt, der der Denkweise von Category Managern mit Bedingungen und Verzweigungen entspricht; später auch für andere Workflow- und Entscheidungskonfigurationen wiederverwendet
• Mandantenfähige Authentifizierung und fein abgestufte Autorisierung auf Basis von Organisationseinheiten entwickelt und umgesetzt
• Eine mandantenfähige Admin-Anwendung zur Verwaltung von Kundeninstallationen in verschiedenen Umgebungen konzipiert und entwickelt, einschließlich Konfiguration, Feature Flags und i18n
• Ein eigenes, auf Material UI basierendes Design System erstellt und gepflegt, das im gesamten Produkt zum Einsatz kommt
• CI/CD-Pipeline und vollständige QA-Suite eingerichtet und gepflegt (Linting sowie Unit-, Integrations- und E2E-Tests)
• Einen Release-Prozess für mehrere Umgebungen mit Helm und Helmfile konzipiert und umgesetzt; Verantwortung für Infrastructure as Code in AWS und Azure übernommen
• Neue Tools und Frameworks recherchiert und erprobt; Make-or-Buy-Entscheidungen getroffen, um Entwicklungsgeschwindigkeit, Kosten und langfristige Wartbarkeit in Einklang zu bringen
• Das Engineering-Team von 4 auf 10+ Engineers vergrößert, Engineers betreut und eine Kultur der Eigenverantwortung, Code-Reviews und schrittweisen Auslieferung aufgebaut

Technologien: TypeScript, JavaScript, React, Node.js, Fastify, GraphQL, GraphQL Codegen, GraphQL Mesh, GraphQL Yoga, Hasura, Apollo Client, REST, CubeJS, PostgreSQL, Prisma, Elasticsearch, Meilisearch, Typesense, Kafka, Avro, Karapace, Kubernetes, Docker, Terraform, OpenTofu, Helm, Helmfile, GitLab CI, Keycloak, Better-Auth, OpenFGA, Nx, Vite, Vitest, Playwright, Testing Library, Storybook, Chromatic, Material UI, shadcn/ui, Tailwind, React Flow, recharts, i18next, Backstage, Grafana, Sentry, Zod, Claude Code, Codex, Mastra, Vercel AI SDK, Vercel AI Elements, AWS, Azure

Medikamendo: E-Health-Plattform für digitale Dauermedikation & Folgerezepte

• End-to-End-Umsetzung: UX-Konzeption, UI-Design und Frontend-Entwicklung für drei vernetzte Portale (Patienten, Praxen, Apotheken).
• AI-Prototyping: Effiziente Erstellung interaktiver Prototypen mittels Figma und GitHub Copilot.
• Design System: Aufbau und kontinuierliche Weiterentwicklung des einheitlichen Design Systems und der UI-Komponenten.
• Corporate Design: Pflege und Weiterentwicklung des einheitlichen Markenauftritts, Webseiten.

• Technische Leitung eines vierköpfigen Entwicklerteams bei der zweijährigen Neuentwicklung des Reiseportals sonnenklar.TV mit über 10.000 Besuchern täglich
• Ablösung einer gewachsenen Legacy-Architektur aus Laminas (Zend Framework) und Elasticsearch durch eine Headless-Plattform auf TYPO3 LTS mit MariaDB — zwei Systeme zu einem konsolidiert, Betriebs- und Wartungsaufwand deutlich gesenkt
• Frontend eigenständig aufgebaut mit Vue.js, Nuxt, TypeScript und TailwindCSS; Großteil der Komponentenbibliothek selbst entwickelt
• Redaktionsbetrieb für über 30 Redakteure vom Eigenbau-Backend auf das TYPO3-Backend umgestellt
• Deutlich verkürzte Ladezeiten der Kernseiten; Continuous Delivery über Jenkins und GitLab CI

Betriebsbedingte Beendigung im Zuge eines Stellenabbaus infolge des Nachfrageeinbruchs in der Reisebranche.

• Eine neue Benachrichtigungsplattform von Grund auf entwickelt und implementiert, um bestehende und zukünftige Services zu ersetzen
• Zusammenarbeit mit anderen Teams zur Integration weiterer Fachbereiche

Tech-Stack:

• Daten: Scala 3, Apache Kafka, Python, Airflow, Astronomer
• BE-FE: TypeScript, NestJS, Java, Spring Boot, Vue
• DevOps: AWS, PostgreSQL, Docker, GitHub Actions, Kubernetes, Helm, ArgoCD

Weiterentwicklung einer Softwarelösung zur Verwaltung von Prüfanträgen und Prüfmitteilungen nach §106d SGB V für die Kassenärztliche Vereinigung Hamburg.

• Entwicklung zahlreicher Features, Performance-Optimierungen, Refactoring, Fehleranalyse
• Refactoring des Dev-Container-Setups
• Optimierung der Gitlab-CI Build-Pipeline
• Einbringung von Optimierungen im Team-Workflow

• Implementieren und Erweitern einer Electron-App auf Basis von TypeScript, React, Node.js zur Darstellung von Streaminhalten und technischen Daten
• Erweitern eines Kotlin-Backends zur Nachrichtenverarbeitung über Kafka
• Erweitern verschiedener React-Module
• Programmieren individueller Lösungen für Kunden inkl. Durchführen von Tests
• Erstellen von Dokumentation
• Entwicklung unter Berücksichtigung von Scrum-Prozessen

Verwendete Kenntnisse: React, React Hooks, Jest, Vitest, Typescript, Electron, IntelliJ, Vite, Github, Jira, Node.js, yarn, npm, pnpm, Swagger, OpenAPI, Storybook, Docker, Prettier, Eslint, tailwindcss, i18n, GraphQL, CoPilot, Postgres, JSON, Sqlite, trpc, influxdb, Java, Spring, Kotlin, Kafka, Git, Sonarcube

Unabhängige Open-Source-Entwicklung in Teilzeit mit Schwerpunkt auf Build-Time-Tools für Next.js-, React-, MDX- und JavaScript/TypeScript-Compiler-Pipelines.

• next-slug-splitter entwickelt, um inhaltsbasierte Next.js-Anwendungen zu optimieren. Analysiert MDX-Inhalte zur Build-Zeit, löst die Verwendung von Komponenten auf und generiert routenspezifische Handler, sodass Seiten nicht das vollständige Catch-all-Komponenten-Bundle gemeinsam verwenden müssen.

• Unterstützende Plugins und Hilfsprogramme für bereichsbezogene MDX-Transformationen, die Auflösung verschachtelter Komponentenabhängigkeiten, Compile-Time-Verfeinerung, sichere ESTree-Auswertung und den Vergleich von Objektgraphen erstellt.

• Verantwortlich für Architektur, API-Design, Implementierung, automatisierte Tests, npm-Veröffentlichungen, Dokumentation, Demos und Performance-Benchmarking.

Bausteine:

• remark-scoped-mdx: Kontextabhängige AST-Transformationen mit isolierten verschachtelten Bereichen, typisierten Komponentenregistern und Prop-Inferenz.

• recma-component-resolver: Analyse von Abhängigkeitsgraphen und selektive Weitergabe von Komponenten über verschachtelte MDX-Includes hinweg.

• recma-static-refiner: Extraktion, Schema-Validierung, Ableitung und Entfernung von Props zur Build-Zeit.

• estree-util-to-static-value und object-graph-delta: Sichere statische Auswertung und deterministischer, zyklussicherer struktureller Vergleich.

Technologie-Stack:

• Frameworks: TypeScript · Next.js · React · MDX

• Compiler-Tools: Unified · Remark · Recma · MDAST · ESTree · ts-morph · esbuild

• Kompetenzen: Statische Analyse · AST-Traversierung und -Transformation · Abhängigkeitsgraphen · Codegenerierung · Schema-Validierung · Aufteilung von Routen und Bundles

• Tools: Vitest · tsup · npm · Performance-Benchmarking

Beratung und Software für Intralogistik-Automatisierung (AGV/FTS) · Produktlinien AGVHub (unabhängige AGV-Projektberatung, Layout-Editor) und OneBob (All-in-One Business-Software für kleine Teams)

• Konzeption und Umsetzungsplanung einer Leitsteuerung für eine Bäckerei-Produktionslinie (Maschinenbau-Kunde, Kick-off-Workshop 08/2025): drei Ausbaustufen, acht abnahmefähige Meilensteine, Batch-Rückverfolgbarkeit, AGV-Integration mit RFID, Vue-Frontend.
• Discovery- und Anforderungsgespräche mit Werkslogistik und IT bei Industriekunden (Life Science, Luftfahrt, Stahl, Maschinenbau): Leitsteuerungs-, ERP-Schnittstellen- und VDA-5050-Anforderungen in Architektur und Lastenheft-Struktur übersetzt.
• Automatisierung und Analytics für die Markteinführung: Bing- und Meta-Kampagnen, LLM-gestützte LinkedIn-Content-Pipeline, Performance-Dashboards für Partner und Vertrieb.
• Fachbeiträge auf LinkedIn zu Robotik und Intralogistik: rund 170.000 Impressions in 41 Posts (03 bis 08/2026).

• Entwicklung automatisierter Softwaretests (Unit-, Integrations-, Regressions- und End-to-End-Tests).
• Eingesetzte Technologien: Playwright, Vitest, JavaScript, TypeScript, Vue3, Go, Laravel, REST API, CI/CD, Docker, Git, GitHub, Scrum, Jira.

• Entwicklung und Optimierung der RTL+-Frontend-Anwendung für SmartTV- und Set-Top-Box-Plattformen mit React und Next.js.
• Schlüsselrolle bei der fachlichen Steuerung von Entwicklern im Team und bei der Koordination der Umsetzung.
• Zentrale Schnittstelle zu angrenzenden Teams, um Entwicklungsabläufe zu vereinfachen und die teamübergreifende Abstimmung zu verbessern.
• Verbesserung von Frontend-Performance, Stabilität und Rendering-Verhalten auf leistungsschwachen Geräten in einer eingeschränkten Runtime-Umgebung.
• Umsetzung einer Frontend-Teststrategie mit Jest, React Testing Library und Playwright.
• Umsetzung von Verbesserungen der Barrierefreiheit gemäß WCAG 2.2 und WAI-ARIA.
• Integration von Didomi Consent Management als Beitrag zur Steigerung der Ad-Monetarisierung auf Streaming-Plattformen.
• Einsatz KI-gestützter Engineering-Workflows mit Cursor für strukturierte Implementierung, Refactoring und schnellere Problemlösung.

Eingesetzte Technologien: React, Next.js, TypeScript, JavaScript, GraphQL, Apollo Gateway, Zustand, Tailwind CSS, Styled Components, React Testing Library, Playwright, Jest, HTML5, CSS3, AWS Lambda, EC2, CloudFront, S3, GitLab CI/CD, NX, Cursor