Mathis Dudler
Senior Web/Frontend Developer
Experience
Jan 2025 - Mar 2025
3 monthsSenior Web/Frontend Developer
KemCom GmbH
- Project goal: Modernize the homepage of a luxury residential property for an improved 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 and professional appearance that strengthens the property's image. - Achievements: Increased efficiency in content maintenance through CMS usage. - Technologies: HTML5 · HTML · CSS3 · CSS · JavaScript · Umbraco · C# · .NET
Apr 2024 - Aug 2024
5 months Oelde, Germany
Fullstack Developer
Getslash GmbH
- Project goal: Redevelop a white-label software for booking internet plans as a seamless integration into the existing booking process. Comparison project to evaluate a future-oriented technology direction. - Frontend: Developed 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 headless CMS Directus with a PostgreSQL database. - Backend: Developed REST and GraphQL APIs. - DevOps: Provided a GitLab CI/CD pipeline for automated quality assurance and packaging. - Achievements: Decided against continuing the original tech stack and initiated the migration to the company’s new aligned 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 for a forward-looking technical direction. - General technologies: 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 a showcase for the frontend’s future-proof 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 through automated unit, integration, snapshot and E2E tests. - DevOps Coaching: Established automated versioning, documentation and releases. - DevOps Coaching: Improved the release process by guiding team members in implementing best practices. - Achievements: Successfully launched the product with multiple clients and added it to the company portfolio. - Achievements: The project serves as a blueprint for the company’s future technology direction. - Achievements: Reduced incidents to nearly zero through 100% unit test coverage, comprehensive E2E 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: Evolve the existing product and modernize it using current technologies and best practices. Plan and implement a strategy to use Angular versions above 12 while ensuring ES5 compatibility. - Frontend: Developed a responsive Angular web app for iTV, digital signage and mobile devices. - Frontend: Upgraded the legacy app to the defined new best practices and technologies. - Frontend: Transpiled, packaged and optimized build artifacts for ES5 devices and browsers. - DevOps: Improved GitLab CI/CD build pipeline performance via parallelization, caching and build tweaks. - Achievements: Successfully updated to Angular 19 with a custom build process restoring ES5 compatibility. - Achievements: Delivered multiple complex features to several 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 usage in products to enable designers to 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 into 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 Associate
Technische Hochschule OWL
- Project goal: Research, implement and optimize AI and ML algorithms for generating and analyzing synthetic data. - Implementation: Developed (Conditional) Variational Autoencoders and Generative Adversarial Networks using TensorFlow, PyTorch and scikit-learn. - Achievements: Improved machine learning model accuracy through data-driven optimizations. - Achievements: Produced 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 architecture and implementation with Angular in an NX-based monorepo. - Frontend: Integrated extensive unit, integration, snapshot and E2E test coverage. - Frontend: Optimized for server-side rendering (SSR) and search engine optimization (SEO). - Backend: Supported microservices development in Node.js, delivering Docker images and managing Kubernetes clusters. - Backend: Enhanced and maintained the headless CMS. - DevOps: Created and optimized GitLab CI/CD pipelines for on-demand release deployments. - Coaching: Introduced Clean Code guidelines and collective code ownership. - Achievements: Successfully launched the cross-platform music streaming app with over 4 million subscribers. - Achievements: Achieved robust 100% unit and comprehensive E2E test coverage for significant quality and stability improvements. - Achievements: Ensured smooth knowledge transfer and handover to the internal development team for long-term maintenance and evolution. - 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 monthsFullstack Developer
Anonymous Client
- Project goal: Redevelop a cross-platform calorie tracking app. - Frontend: Implemented a progressive web app with Vue.js, including Vuex and Vue Router, TypeScript, HTML5 and SCSS. - Frontend: Ensured quality with unit tests written in Jest and Jasmine. - Backend: Built with Firebase, including authentication, hosting and Cloud Firestore NoSQL database. - DevOps: Defined a GitLab CI/CD pipeline for linting, building, testing and automated deployment. - Achievements: Successfully delivered the project and continuously improved it. - Technologies: Vue.js · TypeScript · JavaScript · HTML5 · HTML · SCSS · CSS · Vitest · Jest · Jasmine · Playwright · Firebase · NoSQL · Progressive Web App (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, replacing IE11 by merging two clients into a pure web client. - Activities: Led an agile development team under Scrum within the SAFe context. - Activities: Defined, prioritized and owned the team backlog, including epics, features and user stories. - Activities: Developed and defined architecture requirements, especially for micro frontends. - Activities: Onboarded and coached new methodologies such as Lean UX, collaborative UX design and design sprints. - Activities: Collected user feedback, managed stakeholders and conducted workshops to find the most effective solution using MVP, Pareto principle, user story mapping and story slicing. - Achievements: Successfully launched the new Diamant/4 product generation. - Achievements: Retired legacy IE11 technology by introducing a new web client. - Achievements: Integrated the new software generation as an OEM solution with various partners. - Achievements: Significantly increased team performance by breaking down complex technology concepts into small, understandable 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: Consolidate multiple clients into a single web client and provide an enterprise-wide design system to remove unsupported technologies, ensure cross-platform compatibility and unify UI and UX principles across teams. - Frontend: Requirement management, implementation and integration of cross-feature architecture requirements in Angular. - Frontend: Defined and implemented new interfaces together with team members, stakeholders and architects. - Frontend: Developed automated tests based on the Agile Test Matrix and ATDD. - DevOps: Configured Azure Pipelines for fully automated creation, quality assurance and release of npm packages and other artifacts. - Coaching: Onboarded junior developers, promoted collective code ownership mindset and Clean Code guidelines to boost code quality. - Achievements: Enabled autonomous, decentralized feature and app development by introducing a micro-frontend architecture. - Achievements: Accelerated consistent app development enterprise-wide through 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 thereby increase revenue. - Frontend: Implemented a reactive web app with Angular using NgRx state management. - Frontend: Integrated solid unit and integration test coverage. - Frontend: Connected OData and SOAP APIs and a WebSocket for live updates. - Achievements: Successfully launched the web application and handed it over to the internal development team for long-term maintenance and evolution. - Achievements: Significant performance improvements that drastically reduced load times during peak hours, enhancing user experience. - Achievements: Increased revenue through easier, more reliable platform usage and consistent availability 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: Create a cross-platform app to streamline and unify communication between sales, marketing and field staff and to gather inspiration for new collections in one place. - Frontend: Developed responsive web apps with the OpenUI5 JavaScript framework. - Frontend: Built 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 internal IT and provided 2nd level support. - Achievements: Successfully launched the apps and handed them over to the internal development team for long-term maintenance and evolution. - 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 enable faster and easier store quality assessments. - Frontend: Developed a responsive web app with the SAPUI5 JavaScript framework. - Frontend: Extended the SAP Fiori Launchpad for custom processes. - Achievements: Successfully integrated new features such as offline functionality into the existing app 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 cutting-edge frontend technologies (Angular, Vue.js, TypeScript). I specialize in future-proof architectures, design systems and automated CI/CD pipelines. Experienced in leading agile teams (Scrum, SAFe) and coaching on Clean Code and best practices. I am passionate about innovative technologies and solutions that bring together 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
Similar Freelancers
Discover other experts with similar qualifications and experience