Tailwind CSS Experts in Germany

• Further development of the existing e-commerce platform based on SAP Commerce (Hybris) to meet the growing demands of digital commerce.
• Ensuring the scalability and performance of the backend, so the platform remained stable and efficient even under heavy user load.
• Development and integration of new OCC REST APIs and services for modular extensions and flexible adjustments, to implement new features quickly.
• Optimization of data flows and interfaces, which significantly improved platform efficiency and system performance.
• Ensuring a maintainable and scalable code base by using Clean Code principles, proven design patterns, and a future-proof architecture.
• Reduction of errors through extensive testing with JUnit, Mockito, and load tests with Gatling, supported by the introduction of automated test processes.
• Improved system performance through targeted refactoring measures and efficient database queries, especially to handle peak loads.
• Use of modern cloud and monitoring tools such as Kubernetes, Google Cloud Platform (GCP), and Grafana to ensure a stable and monitored infrastructure.
• Clear improvement in efficiency, scalability, and reliability of the platform, which now meets the demands of a dynamic and growing e-commerce market.

• Development and optimization of the RTL+ frontend application for SmartTV and set-top box platforms with React and Next.js.
• Key role in the technical coordination of developers within the team and in coordinating implementation.
• Central interface to adjacent teams to simplify development processes and improve cross-team alignment.
• Improved frontend performance, stability, and rendering behavior on low-powered devices in a restricted runtime environment.
• Implemented a frontend testing strategy with Jest, React Testing Library, and Playwright.
• Implemented accessibility improvements according to WCAG 2.2 and WAI-ARIA.
• Integrated Didomi Consent Management as a contribution to increasing ad monetization on streaming platforms.
• Used AI-supported engineering workflows with Cursor for structured implementation, refactoring, and faster problem solving.

Technologies used: 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

• Designed and developed a multi-tenant SaaS platform enabling organizations to build their own knowledge bases and chat with brand-customized AI assistants (white-label approach with dynamic branding per organization).
• Implemented a scalable RAG architecture with a GPT-4o tool-use loop, hybrid semantic search, and strict tenant isolation at database and search index level.
• Built persistent, project-like chat sessions including a streaming API (SSE), multilingual support, and speech input/output (STT/TTS).
• Delivered the cloud infrastructure as Infrastructure-as-Code, fully automated per-customer CI/CD pipelines, and an onboarding process for new tenants.

Technologies used: Python, FastAPI, Pydantic (v2 noted), Next.js, React, TypeScript, Tailwind CSS, OpenAI / LLMs (GPT-4o), Azure AI Search, Cosmos DB, Azure Blob Storage, Azure Cognitive Services Speech, Azure App Service, Azure Container Registry, Retrieval-Augmented Generation (RAG), Server-Sent Events (SSE), Docker, Terraform, GitHub Actions, REST, OpenID Connect (OIDC), Multi-Tenancy

• Leading end-to-end UX for two AI SaaS products in closed beta, including LLM-interaction design, prompt-UX, and human-in-the-loop patterns with commercial distribution signed for launch in Q3 2026
• Built a self-built LLM reframing and RAG-correction pipeline powering multi-profile CV and case-study generation in production use
• Shipping real code alongside research, including Three.js/GLSL portfolio work, Figma-API tooling, and a Chrome MV3 extension for session-sync automation

• Joined the initial development team and helped transform an n8n prototype into a production-ready 0-to-1 product in a fast-paced environment.
• Owned delivery across CRM and Twilio integrations, customer communication workflows, and administrative interfaces.
• Collaborated on AI evaluation, microservice architecture, and other cross-functional product and engineering topics.
• Supported the CEO across VC communications, customer acquisition, product positioning, onboarding, documentation, pricing, and sales.

• Self-hosted table tennis equipment platform.
• Development of a custom “Racket Builder” that uses a co-evolutionary genetic algorithm to identify, evaluate, and recommend the optimal combinations of racket blades and rubbers based on physics heuristics and player data within a search space of over 4 billion combinations.
• Development of a custom fully automated web crawler to capture equipment specifications, integrating an automated pipeline for image normalization as well as data harmonization via DeepSeek.
• Cloudflare Edge Workers written in Rust to perform low-latency data searches and offload computationally intensive simulations from the main server.
• High performance and accessibility standards across a large Nuxt 4 codebase achieving 95–100/100/100 Lighthouse scores.

• SPA for automated communication of medical findings with role-based access (Sanctum)
• Server-side LLM integration (OpenRouter) with structured processing
• Automated sending via SMS/voice call (Twilio, ElevenLabs) with queue + status retry
• Full test coverage with 80+ documented test cases

Technologies: PHP, Laravel, LLM API (OpenRouter), Twilio, ElevenLabs, Laravel Sanctum, PHPUnit, Playwright, Docker, REST

Independent, part-time open-source engineering focused on build-time tooling for Next.js, React, MDX, and JavaScript/TypeScript compiler pipelines.

• Built next-slug-splitter to optimize content-driven Next.js applications. It analyzes MDX content at build time, resolves component usage, and generates route-specific handlers so pages avoid sharing the full catch-all component bundle.

• Created supporting plugins and utilities for scoped MDX transformations, nested component dependency resolution, compile-time refinement, safe ESTree evaluation, and object-graph diffing.

• Own architecture, API design, implementation, automated testing, npm publishing, documentation, demos, and performance benchmarking.

Building blocks:

• remark-scoped-mdx: Context-aware AST transformations with nested scope isolation, typed component registries, and prop inference.

• recma-component-resolver: Dependency-graph analysis and selective component forwarding across nested MDX includes.

• recma-static-refiner: Build-time prop extraction, schema validation, derivation, and pruning.

• estree-util-to-static-value and object-graph-delta: Safe static evaluation and deterministic, cycle-safe structural diffing.

Tech Stack:

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

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

• Competencies: Static analysis · AST traversal and transformation · dependency graphs · code generation · schema validation · route and bundle splitting

• Tooling: Vitest · tsup · npm · performance benchmarking

• Situation: Increasing demand for privacy-compliant AI solutions for clients in the KRITIS and mid-market sector that need to analyze sensitive media content (audio, video, documents) without sending data to public cloud LLMs.

• Task: Design, deployment, and secure operation of a fully self-hosted AI infrastructure including a custom-built digital management platform for automated media analysis.

• Action: Architected and implemented a multi-tier platform on hardened Proxmox infrastructure with frontend (Nuxt 3, Vue 3, TypeScript, Tailwind 4), backend (Laravel 13, PHP 8.4, Sanctum), data storage (PostgreSQL 16, MongoDB 7), caching/queuing (Redis 7, Laravel Queue), AI workers (Python 3.11, Whisper, DeepFace, Librosa), scheduling (Laravel Scheduler/Cron), and local LLMs (Gemma, DeepSeek, Qwen, Mistral, LLaMA, Phi) via OpenWebUI with segmented network access, API hardening, and audit logging following BSI recommendations.

• Result: Fully GDPR-compliant, on-premises AI platform with zero data leakage to third parties.

• Task: Overall responsibility as an external Head of Cyber Security / CISO-as-a-Service for the design, implementation, and continuous improvement of ISMS according to ISO 27001, BSI IT-Grundschutz, and NIS2.

• Action: Built and managed Cyber Defense Centers (CDC) with SOC operations, integrated SIEM solutions (Splunk, Graylog), established risk-based vulnerability management (Qualys, Nessus, OpenVAS), and conducted regular infrastructure, application, and physical penetration tests.

• Result: Audit-ready ISMS for multiple clients and a 60% reduction in critical vulnerabilities within 90 days.

• Task: Design and execution of NIS2 assessments and operational roll-out plans for KRITIS operators.

• Action: Developed an online assessment tool for automated identification of individual weakness profiles, implemented ISMS optimizations, penetration testing, awareness programs, GRC suite deployment, and delivered C-level presentations.

• Result: Accelerated the consulting process by 50% and successfully prepared multiple clients for NIS2 compliance.

• Task: Incident commander for crisis response, forensics, and business recovery in ransomware attacks and APT campaigns.

• Action: Coordinated with state and federal police (LKA, BKA), performed forensic analysis (OSForensics, Wireshark, Kali Linux), executed disaster recovery and BCM strategies, and developed BTC extortion response strategies.

• Result: 100% recovery rate within defined RTO windows and sustainable post-incident security architectures.

• Action: Planned, built, and operated a hardened multi-VM infrastructure (Proxmox, 15+ VMs) with web and mail servers, Graylog, OPNsense firewalls, CRM/ERP and LLM instances, network segmentation, DDoS mitigation, automated patch management, and backup strategies.

• Result: >99.5% uptime over 20+ years and zero compromises.

• Action: Designed coordinated phishing campaigns with five levels of difficulty, developed e-trainings and webinars in a PDCA cycle, and led red and blue teams.

• Result: Phishing click rate reduced from 35% to under 5% within three campaign cycles.

Project for a leading German email and cloud service provider: As Senior Frontend Developer and Technical Web Architect, I developed an international, multi-tenant white-label consent management layer for multiple brands.

Main tasks:

• Architecture and implementation with Vue 3, TypeScript, and Vite
• Development of automated tests with Vitest and Playwright
• Creation of brand-specific CMP configurations, CSS themes, i18n structures, and vendor settings
• Implementation of playout and initialization logic as well as backend integration
• Technical decision support, project, and code documentation

Impact: Replacement of external CMP solutions with a reusable and long-term maintainable in-house foundation for several international brands and rollouts.

Technologies: Vue 3, TypeScript, Vite, Vitest, Playwright, IAB TCF, Google Additional Consent, i18n, Git, CI/CD.

• Designed, built, and launched an internal event planning web application used by over 100 department leads for a large event, despite having no dedicated testing phase.

• Ensured smooth, failure-free operation during first production use, leading to the tool being adopted for future events.

• Automated catering calculations and related workflows, significantly reducing email communication and manual computation effort for meal planning.

• Managed deployment and hosting on a Linux server using Coolify, including application setup and runtime operations.

• Hired and guided a communication designer on UX while independently owning all technical decisions and implementation.

• Developed a React and TypeScript dashboard with reusable UI components and API-driven data visualization.
• Implemented dynamic data rendering, state management, and performance-focused frontend architecture.
• Integrated Python-based backend services for processing and visualizing SEO analytics.

• DTO class generator: In-house development of a tool for the automatic generation of classes, functions, and methods for use in .NET Core projects based on SAP Business One Service Layer metadata
• E-invoice import add-on: Development of a SAP Business One add-on / coresuite module for the automated import of ZUGFeRD e-invoices as incoming invoices – with configurable mapping to flexibly control the import logic across four mapping types (DIRECT, SQL, FIXED, EXPR). The add-on is available as a licensed product for SAP Business One customers.

Stack: SAP Business One, SAP Business One Service Layer, coresuite Country Package, C#

• Complete greenfield rebuild across the whole stack — built AI-native: backend in Go and NestJS, PostgreSQL (CNPG) on K3s with GitOps/Terraform; frontend on Angular 22, zoneless.
• Orchestrated coding agents (e.g. Claude Code, Cursor) across the entire lifecycle — architecture, implementation, testing, reviews, documentation — driven by Specification-Driven Development (SDD).
• “Bruno” — LLM commentator persona backed by RAG and MCP for a personality that stays consistent across all generations (match previews, post-match reports, his own virtual bets).

Angular 22 (zoneless, without Zone.js), Claude Code, Claude Code Skills, CNPG, Cursor, Design Tokens (Spec for Code), Docker, Gherkin, Git, GitLab, GitOps, Go, Google Gemini, Grafana, Hetzner Cloud, K3s, Keycloak, Kubernetes, Lighthouse, LLM Integration, Model Context Protocol (MCP), NestJS, Node.js, NPM, Playwright, PostgreSQL, Prometheus, RAG, REST, Specification-Driven Development (SDD), Structured Outputs, Terraform, TypeScript, Vitest