Mathis Dudler

Senior Web/Frontend Developer

Bielefeld, Germany

Experience

Jan 2025 - Mar 2025
3 months

Senior Web/Frontend Developer

KemCom GmbH

  • Project goal: Modernize the homepage of a luxury residential building for a better user experience and contemporary design.
  • Frontend: Development & implementation of the website and modules using current web technologies.
  • Frontend: SEO optimization for better search engine visibility.
  • Achievements: A modern, professional look that strengthens the building’s image.
  • Achievements: Increased efficiency in content maintenance through a CMS.
  • Technologies: HTML5 · HTML · CSS3 · CSS · JavaScript · Umbraco · C# · .NET
Apr 2024 - Aug 2024
5 months
Oelde, Germany

Fullstack Developer

Getslash GmbH

  • Project goal: Develop a white-label software for booking internet plans as a seamless addition to the existing booking process. A comparison project to evaluate a future-oriented technology direction.
  • Frontend: Built a responsive web app in Vue.js using pnpm Workspaces.
  • Frontend: Integrated unit and integration tests with Vitest and E2E tests with Cypress.
  • Backend: Implemented the Directus headless CMS with a PostgreSQL database.
  • Backend: Developed REST and GraphQL APIs.
  • DevOps: Set up a GitLab CI/CD pipeline for automated quality checks and packaging.
  • Achievements: Decided to pivot away from this tech stack and began moving the project to the company’s new agreed technology direction.
  • Technologies: Vue.js · TypeScript · JavaScript · HTML5 · HTML · CSS · Tailwind · Vitest · Cypress · PrimeVue · Directus · PostgreSQL · Node.js · GitLab CI/CD · REST · pnpm · Vite · Git · Confluence · Jira
Feb 2024 - Present
1 year 6 months
Oelde, Germany

Senior Web/Frontend Developer

Getslash GmbH

  • Development & consulting on future-driven technical direction.

  • General tech: Angular · Vue.js · TypeScript · HTML5 · SCSS · Jest · Vitest · Cypress · NX · NgRx · RxJS · Tailwind · Storybook · GitLab CI/CD

  • Project Cruise Connect

  • Project goal: Create a flagship product as an example of a future-ready frontend technology direction.

  • Frontend: Updated a legacy Angular web app to the latest standards.

  • Frontend: Introduced Tactical Domain Driven Design in an NX-based monorepo.

  • Frontend: Ensured code quality with automated unit, integration, snapshot, and E2E tests.

  • DevOps Coaching: Set up automated versioning, documentation, and releases.

  • DevOps Coaching: Improved the release process by guiding team members on best practices.

  • Achievements: Successfully launched the product with multiple clients and added it to the company portfolio.

  • Achievements: The project became a blueprint for the company’s further tech direction.

  • Achievements: Reduced incidents to near zero with 100% unit test coverage, full E2E test coverage, and fully automated releases.

  • Technologies: Angular · TypeScript · JavaScript · HTML5 · HTML · SCSS · CSS · Jest · Cypress · NX · RxJS · Storybook · Node.js · GitLab CI/CD · REST · npm · yarn · ESLint · Webpack · Babel · semantic-release · Git · Confluence · Jira

  • Project Cruise Companion

  • Project goal: Further develop the existing product and modernize it with current technologies and best practices. Plan and implement a strategy to use Angular versions above 12 while keeping ES5 compatibility.

  • Frontend: Developed a responsive web app in Angular for iTV, digital signage, and mobile devices.

  • Frontend: Updated the legacy app to the defined best practices and technologies.

  • Frontend: Transpiled, packaged, and optimized build artifacts for ES5 devices and browsers.

  • DevOps: Improved GitLab CI/CD build pipeline performance through parallelization, caching, and build tweaks.

  • Achievements: Successfully updated to Angular 19 with a custom build process to restore ES5 compatibility.

  • Achievements: Launched several complex features for multiple clients.

  • Achievements: Optimized the CI/CD pipeline, reducing deployment time by 50%.

  • Technologies: Angular · TypeScript · JavaScript · HTML5 · HTML · SCSS · CSS · Jest · Cypress · NX · NgRx · RxJS · Rollup · Babel · Terser · esbuild · Vite · PostCSS · Storybook · Node.js · GitLab CI/CD · REST · npm · yarn · ESLint · Webpack · Babel · semantic-release · Bootstrap · Git · Confluence · Jira

  • Project Design Tokens

  • Project goal: Provide design tokens and their use in products to let designers customize the white-label software.

  • Implementation: Delivered an npm package based on Figma Tokens Studio.

  • Achievements: Successfully integrated the npm package across apps with fully automated, quality-assured versioning, documentation, and packaging of design tokens in releases.

  • Technologies: Node.js · Style Dictionary · Jest · semantic-release · GitLab CI/CD · husky · Git · git hooks · Figma · npm · yarn

Apr 2023 - Dec 2023
9 months
Germany

Research Assistant

Technische Hochschule OWL

  • Project goal: Research, implement, and optimize AI and ML algorithms to generate and analyze synthetic data.
  • Implementation: Built (Conditional) Variational Autoencoders and Generative Adversarial Networks using TensorFlow, PyTorch, and scikit-learn.
  • Achievements: Improved machine learning model accuracy through data-driven optimizations.
  • Achievements: Created scientific reports and visualizations.
  • Technologies: Python · TensorFlow · Keras · PyTorch · scikit-learn · pandas · seaborn · Matplotlib · Plotly
Jan 2021 - Feb 2024
2 years 2 months
Cologne, Germany

Senior Web/Frontend Developer

RTL Technology GmbH

  • Project goal: Develop the RTL+ music streaming app with a modern frontend architecture for over 4 million subscribers.
  • Frontend: Designed the architecture and implemented it in Angular within an NX-based monorepo.
  • Frontend: Integrated extensive unit, integration, snapshot, and E2E test coverage.
  • Frontend: Optimized for server-side rendering (SSR) and SEO.
  • Backend: Supported microservices development in Node.js, provided Docker images, and managed Kubernetes clusters.
  • Backend: Maintained and enhanced the headless CMS.
  • DevOps: Created and optimized GitLab CI/CD pipelines for on-demand releases.
  • Coaching: Introduced Clean Code guidelines and collective code ownership.
  • Achievements: Successfully launched the cross-platform streaming app with over 4 million subscribers.
  • Achievements: Achieved robust 100% unit and full E2E test coverage, ensuring major quality and stability gains.
  • Achievements: Smooth knowledge transfer and handoff to the internal team for long-term maintenance and development.
  • Technologies: Angular · TypeScript · JavaScript · HTML5 · HTML · SCSS · CSS · Node.js · Jest · Cypress · NX · GraphQL · SSR · SEO · Storybook · Strapi · Kafka · Stencil · React · GitLab CI/CD · Docker · Kubernetes · npm · yarn · ESLint · Webpack · Git · Confluence · Jira · Agile · Scrum · SAFe
May 2021 - Nov 2021
7 months

Fullstack Developer

Anonymous Client

  • Project goal: Create a cross-platform calorie tracking app.
  • Frontend: Built a Progressive Web App with Vue.js, including Vuex, Vue Router, TypeScript, HTML5, and SCSS.
  • Frontend: Ensured quality with unit tests in Jest and Jasmine.
  • Backend: Used Firebase for authentication, hosting, and the Cloud Firestore NoSQL database.
  • DevOps: Defined a GitLab CI/CD pipeline for linting, building, testing, and automated deployment.
  • Achievements: Successfully completed the project with ongoing improvements.
  • Technologies: Vue.js · TypeScript · JavaScript · HTML5 · HTML · SCSS · CSS · Vitest · Jest · Jasmine · Playwright · Firebase · NoSQL · PWA · GitLab CI/CD · npm · Git
Jan 2020 - Dec 2021
2 years
Bielefeld, Germany

Technical Product Owner

Diamant Software GmbH

  • Project goal: Launch the new Diamant/4 product generation, replace IE11 by merging two clients into a pure web client.
  • Activities: Led an agile development team under Scrum and within a SAFe context.
  • Activities: Defined, prioritized, and owned the team backlog, including epics, features, and user stories.
  • Activities: Drafted and defined architecture requirements, especially for micro frontends.
  • Activities: Learned and shared new methods like Lean UX, collaborative UX design, and design sprints.
  • Activities: Gathered user feedback, managed stakeholders, and ran workshops to find the most effective solutions using MVP, Pareto Principle, user story mapping, and story slicing.
  • Achievements: Successfully launched the new Diamant/4 product generation.
  • Achievements: Replaced legacy IE11 technology with the new web client.
  • Achievements: Integrated the new software as an OEM solution with various partners.
  • Achievements: Greatly improved team performance by breaking down complex tasks into small, clear work packages.
  • Technologies: Scrum · SAFe · Kanban · User Stories · Micro Frontends · Architecture · UI/UX · Design Sprints · User Story Mapping
Mar 2019 - Feb 2020
1 year
Bielefeld, Germany

Web/Frontend Developer

Diamant Software GmbH

  • Project goal: Unify multiple clients into one web client and provide a company-wide design system to remove unsupported tech, ensure future use across platforms, and implement consistent UI/UX across teams.
  • Frontend: Managed requirements, implemented, and integrated cross-feature architecture in Angular.
  • Frontend: Defined and implemented new interfaces with team members, stakeholders, and architects.
  • Frontend: Created automated tests based on the Agile Test Matrix and ATDD.
  • DevOps: Configured Azure Pipelines for fully automated npm package builds, quality checks, and artifact publishing.
  • Coaching: Mentored junior developers, promoted collective code ownership and Clean Code guidelines to improve code quality.
  • Achievements: Enabled autonomous, decentralized feature and app development by introducing a micro frontend architecture.
  • Achievements: Faster, consistent app development across the company with an always-available design system and component library.
  • Technologies: Angular · TypeScript · JavaScript · HTML5 · HTML · Less · CSS · Node.js · Jest · Jasmine · Karma · RxJS · Kendo UI · SonarQube · ESLint · Swagger · OpenAPI · Azure Pipelines · Azure DevOps Server · npm · yarn · Webpack · ng-packagr · semantic-release · git hooks · Git · Scrum · Agile · SAFe · UI/UX
Feb 2018 - Feb 2019
1 year 1 month
Braunschweig, Germany

Web/Frontend Developer

Volkswagen Financial Services

  • Project goal: Redevelop the used car platform to reduce server load, improve performance, and increase revenue.
  • Frontend: Built a reactive web app with Angular using NgRx-based state management.
  • Frontend: Added solid unit and integration test coverage.
  • Frontend: Connected OData and SOAP APIs and a WebSocket connection for live updates.
  • Achievements: Successfully launched the web app and handed it off to the internal team for long-term maintenance.
  • Achievements: Significant performance improvements that cut loading times at peak traffic, boosting user experience.
  • Achievements: Increased revenue through easier, more reliable platform use and performance.
  • Technologies: Angular · TypeScript · JavaScript · HTML5 · HTML · SCSS · CSS · Node.js · NgRx · RxJS · Jasmine · Karma · OData · SOAP API · npm · WebSockets · RabbitMQ · STOMP · Azure · Git · Jira · Confluence
Oct 2016 - Jan 2018
1 year 4 months
Detmold, Germany

Fullstack Developer

Wortmann Group

  • Project goal: Build a cross-platform app to simplify communication between sales, marketing, and field staff and to collect inspiration for new collections in one place.
  • Frontend: Developed responsive web apps with the OpenUI5 JavaScript framework.
  • Frontend: Created native Android and iOS apps.
  • Backend: Developed RESTful and OData APIs.
  • Backend: Stored data in a database with automatic schema generation.
  • Coaching: Trained the client’s IT team and provided 2nd level support.
  • Achievements: Successfully launched the apps and handed them off to the internal team for maintenance.
  • Technologies: OpenUI5 · JavaScript · Java · Apache Maven · Apache Cordova · Firebase · Apache Tomcat · JAX-RS · Apache Olingo · MySQL · Hibernate · Git · Confluence · Jira · UI/UX
Jun 2016 - Sep 2016
4 months
Germany

Web/Frontend Developer

EDEKA

  • Project goal: Enhance and fix bugs in the visit reports app to make branch assessments faster and easier.
  • Frontend: Built a responsive web app with the SAPUI5 JavaScript framework.
  • Frontend: Extended the SAP Fiori Launchpad for custom processes.
  • Achievements: Integrated new features like offline capabilities into the existing architecture, significantly boosting field staff productivity.
  • Technologies: SAPUI5 · SAP Fiori · JavaScript · Git · Jira · Confluence

Summary

Since 2016 I have been developing scalable web apps and modern frontend technologies (Angular, Vue.js, TypeScript). I specialize in future-proof architectures, design systems, and automated CI/CD pipelines. I have experience leading agile teams (Scrum, SAFe) and coaching on Clean Code and best practices. I'm passionate about innovative technologies and solutions that unite developer and user needs.

Languages

German
Native
English
Advanced

Education

Oct 2012 - Jun 2016

FH Bielefeld

B.Sc. · DevOps · Bielefeld, Germany

Certifications & licenses

Kubernetes for App Developers

Linux Foundation

Certified SAFe® 5 Product Owner/Product Manager

Kegon AG

Google Cloud Architect

Coursera Inc.

PM Academy - Foundation Setup

Reply AG