Material UI Experts in Germany

TOURISM

colle-il-diaccino.de · Holiday Accommodation

• Designed and developed the website: interactive site map, accommodation comparison, and image galleries.
• Implemented German, English, and Italian language versions. Set up inquiry forms with input validation and spam protection, language-specific SEO metadata, and automated tests.

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

Procure Ai builds a procurement platform with tools to optimise purchasing and supplier management, delivering real-time analytics, cost-saving insights, and automated workflows. A common data model integrates and enriches data from multiple ERP and e-procurement systems including Ivalua, SAP, Coupa, WPS, and Jaggaer.

06/2025 – TODAY:

• Architecting and building a new AI-native procurement platform with document intelligence, an agent orchestration layer using Mastra and LLM-based workflow automation across supplier, intake and category management use-cases
• Shipped agentic engineering workflows across the development team, enabling LLM-assisted code generation and review automation, measurably reducing cycle time on repetitive development tasks
• Migrating the Design System from Material UI to shadcn/ui with Tailwind, improving consistency and reducing frontend build overhead
• Staying hands-on across frontend, backend and AI features while the engineering team grew from 10 to 20+ engineers: hiring, onboarding, 1:1s and mentoring

06/2020 – 06/2025:

• Joining as the first engineer after the two founders; shaping platform architecture and product vision from scratch in close collaboration with the CTO, growing the platform to serve 10 enterprise customers
• Leading fullstack feature development on the core procurement platform, with focus on Analytics, Search, and Autonomous Negotiations use-cases: defining MVP scope, aligning technical decisions to customer outcomes, and cutting work that wasn't delivering value
• Challenged a field-based configuration request for Autonomous Negotiations and instead built a node-based rule builder matching how category managers think in conditions and branches; later reused across other workflow and decision configuration use-cases
• Designing and implementing multi-tenant authentication and fine-grained authorisation based on organisational units
• Architecting and building a multi-tenant Admin Application for managing customer installations across environments, covering configuration, feature flags, and i18n
• Creating and maintaining a custom Design System built on Material UI, used across the full product
• Setting up and maintaining CI/CD pipeline and full QA suite (linting, unit, integration, and e2e testing)
• Architecting and implementing a multi-environment release process using Helm and Helmfile; owning infrastructure as code across AWS and Azure
• Researching and piloting new tools and frameworks; making build-vs-buy decisions to balance velocity, cost, and long-term maintainability
• Grew the engineering team from 4 to 10+ engineers, mentoring engineers and building a culture of ownership, code review and iterative delivery

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

• Architected and deployed end-to-end machine learning pipelines across classification and prediction datasets, ensuring robustness and reproducibility through MLOps best practices.
• Contributed directly to LLM model output accuracy improvement by designing and engineering specialised prompts grounded in end-to-end ML and SciML pipeline logic.
• Developed training data for large language models by formulating coding problems that models could not resolve and subsequently documenting the correct solutions.

• Implementing and extending an Electron app based on TypeScript, React and Node.js to display stream content and technical data
• Extending a Kotlin backend for message processing via Kafka
• Extending various React modules
• Programming custom solutions for customers, including testing
• Creating documentation
• Development in accordance with Scrum processes

Used skills: 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

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

• 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.

• New development and further development of frontend interfaces for investors, using HTML5, JavaScript, CSS, React, Material UI, and JSTL

• Tech stack: Python, Qt, tensorflow.js, plotly, Angular, TypeScript, HTML, CSS, Git

• Designing and developing responsive, accessible web applications for SMEs and private clients with React.js, Tailwind CSS, JavaScript, and HTML5.
• Building reusable UI component libraries to improve maintainability and reduce development time.
• Integrating REST APIs and implementing dynamic features (landing pages, portfolios, dashboards) based on Figma/Adobe XD designs.
• Independently managing the full project cycle (analysis, development, testing, deployment on Netlify/Vercel) while following mobile-first and cross-browser standards.

• Developed healthcare and webinar platforms using React, Ionic and GraphQL.
• Built scalable frontend applications in close collaboration with designers and backend teams.

• Selection and evaluation of different frontend frameworks for a headless CMS

• Consulting the UI/UX team on the design system

• Technologies:

• Figma

• Design Token

• Tailwind

• Storybook

• React

• NextJs

• Strapi

• AJAX

• Confluence

• CSS3

• Docker

• Eslint

• Git

• GraphQL

• HTML5

• IntelliJ/WebStorm

• JAM Stack

• Jasmine

• Jenkins

• Jira

• JSON

• JSX

• Mocha

• Native JavaScript (ES6)

• NodeJS

• Prettier

• REST

• REST APIs

• SCSS

• SSR

• StyleGuides

• SVG

• TypeScript

• Webpack

• I carried out a software audit and architecture consulting for an existing portal software for infrastructure provisioning for a company that offers virtual reality environments.
• Role: Mentoring and consulting
• Technologies used: Java

• Development of microservices according to the TMF standard
• Adaptation of existing workflows to microservices (PNMGT, RADIUS, WBCI, ACS, VOIP, P2P)
• Migration of communication from RabbitMQ/REST to Kafka
• Development of Camunda processes for billing leased infrastructure
• Implementation of Kafka connectors for billing and inventory data systems
• Automation of the workflow for WBCI preliminary coordination
• Execution of unit and integration tests as well as acceptance tests with the business departments
• Setup of CI/CD pipelines
• Error analysis for support tickets
• Execution of larger refactorings of legacy code to adapt it to new microservices
• Participation in meetings to gather and clarify requirements
• Technologies: Kubernetes, AWS-DevOps, Apache Camel, Debezium, Python, TMF, Confluent, Kafka, OpenAPI, Java 21, Spring Boot, Docker, MapStruct, PostgreSQL, Maven, Camunda, Keycloak

• 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#