Mathis Dudler
Senior Web/Frontend Developer
Experience
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
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
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
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
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
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
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
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
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
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
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
Education
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