Mathis Dudler - Senior Web/Frontend Developer
Experience
Senior Web/Frontend Developer
KemCom GmbH
- Modernized the homepage of a luxury residential building for a better user experience and contemporary design
- Developed and implemented the website and modules using current web technologies
- Optimized for SEO to improve visibility in search engines
- Created a modern and professional appearance that enhances the building's image
- Increased efficiency in content maintenance by using a CMS
- Technologies: HTML5, HTML, CSS3, CSS, JavaScript, Umbraco, C#, .NET
Fullstack Developer
Getslash GmbH
- Developed a new white-label software for booking internet plans as a seamless integration into the existing booking process
- Built a responsive web app in Vue.js using pnpm Workspaces
- Integrated unit and integration tests with Vitest and E2E tests with Cypress
- Implemented the headless CMS Directus with a PostgreSQL database
- Set up a GitLab CI/CD pipeline for automated quality assurance and packaging
- Developed REST and GraphQL APIs
- Decided to discontinue the current tech stack and began transitioning to the new 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
- Created a flagship product as a showcase for the future-oriented technological direction of the frontend
- Updated a legacy Angular web app to the latest technology standards
- Introduced Tactical Domain-Driven Design in an NX-powered monorepo
- Ensured code quality with automated unit, integration, snapshot, and E2E tests
- Provided DevOps coaching to improve the release process and best practices
- Successfully launched with multiple clients and added to the portfolio
- Project served as a blueprint for the company's further technology direction
- Reduced disruptions to almost zero with 100% unit test coverage, comprehensive 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
Senior Web/Frontend Developer
Getslash GmbH
- Extended and modernized the existing product using current technologies and best practices
- Planned and implemented a strategy to use Angular version >12 while considering ES5 compatibility
- Developed a responsive web app in Angular for iTV, digital signage, and mobile devices
- Updated the legacy app to defined best practices and technologies
- Transpiled, packaged, and optimized build artifacts for ES5 devices and browsers
- Improved GitLab CI/CD build pipeline performance through parallelization, caching, and build optimizations
- Successfully updated to Angular 19 with a custom build process to restore ES5 compatibility
- Launched multiple complex features for several clients
- 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, semantic-release, Bootstrap, Git, Confluence, Jira
Senior Web/Frontend Developer
Getslash GmbH
- Provided design tokens and their use in products for the customizability of the white-label software
- Technically implemented by providing an npm package based on Figma Tokens Studio
- Fully automated and 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 Associate
Technische Hochschule OWL
- Research, implementation and optimization of AI and ML algorithms for generating and analyzing synthetic data
- Implementation of (Conditional) Variational Autoencoders and Generative Adversarial Networks using TensorFlow, PyTorch and scikit-learn
- Improving the accuracy of machine learning models through data-driven optimizations
- Creating scientific reports and visualizations
- Technologies: Python, TensorFlow, Keras, PyTorch, scikit-learn, pandas, seaborn, Matplotlib, Plotly
Senior Web/Frontend Developer
RTL Technology GmbH
- Development of the RTL+ music streaming app with a modern frontend architecture for over 4 million subscribers
- Designing the architecture and implementing with Angular in an NX-based monorepo
- Supporting the development of microservices in Node.js, delivering Docker images and managing Kubernetes clusters
- Integrating extensive test coverage with unit, integration, snapshot and E2E tests
- Optimizing for server-side rendering (SSR) and search engine optimization (SEO)
- DevOps coaching and optimizing GitLab CI/CD pipelines for on-demand releases
- Introducing clean code guidelines and collective code ownership
- Successful launch of the platform with 100% unit and full E2E test coverage
- Seamless handover to the internal development team for long-term maintenance
- 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
My Calorie Tracker
- New development of a cross-platform calorie tracking app
- Implementing a progressive web app with Vue.js, Vuex, Vue Router, TypeScript, HTML5 and SCSS
- Ensuring quality with unit tests in Jest and Jasmine as well as E2E tests in Playwright
- Implementing with Firebase including authentication, hosting and Cloud Firestore
- Defining a GitLab CI/CD pipeline for linting, building, testing and automated deployment
- Successful project completion and continuous improvement
- 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
- Launch of the new Diamant/4 product generation and replacement of Internet Explorer 11 with a standalone web client
- Leading an agile development team using Scrum in a SAFe context
- Defining, prioritizing and owning the team backlog including epics, features and user stories
- Developing and defining architecture requirements, especially in the context of microfrontends
- Introducing Lean UX, collaborative UX design and design sprints
- Gathering user feedback, stakeholder management and conducting workshops with methods like MVP, Pareto principle, user story mapping and story slicing
- Successful launch and integration as an OEM solution with partners
- Significant performance improvement in the team by preparing technological concepts
- Technologies: Scrum, SAFe, Kanban, User Stories, Microfrontends, Architecture, UI/UX, Design Sprints, User Story Mapping
Web/Frontend Developer
Diamant Software GmbH
- Unifying multiple clients into a single web client and delivering a company-wide design system
- Managing requirements, implementation and integration of architecture requirements in Angular
- Defining and implementing new interfaces together with the team, stakeholders and architects
- Developing automated tests based on the agile test matrix and ATDD
- Configuring Azure Pipelines to promote the collective code ownership mindset and clean code guidelines
- Autonomous and decentralized development through micro-frontend architecture 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
- Rebuilt the used car platform to reduce server load and improve performance
- Implemented a reactive web app with Angular and NgRx state management
- Integrated unit and integration tests
- Connected to OData and SOAP APIs as well as WebSocket connections for live updates
- Significant performance improvements and better user experience
- Increased revenue through reliable 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
Fullstack Developer
Wortmann Group
- Created a cross-platform app to connect sales, marketing, and sales staff
- Developed responsive web apps with OpenUI5
- Built native Android and iOS apps with Apache Cordova
- Developed RESTful and OData APIs and provided 2nd-level support and training to internal IT
- Stored data in a database with automatic schema generation
- Successfully launched and handed over to the internal development team
- Technologies: OpenUI5, JavaScript, Java, Maven, Cordova, Firebase, Tomcat, JAX-RS, Olingo, MySQL, Hibernate, Git, Confluence, Jira, UI/UX
Web/Frontend Developer
EDEKA
- Enhanced and fixed bugs in the visit reporting app to speed up and simplify store evaluations
- Developed a responsive web app with SAPUI5
- Extended the SAP Fiori Launchpad with customer-specific processes
- Added new features like offline functionality to increase field staff productivity
- Technologies: SAPUI5, SAP Fiori, JavaScript, Git, Jira, Confluence
Industry Experience
See where this freelancer has spent most of their professional time.
Experienced in Information Technology, Media and Entertainment, Banking and Finance, Education, Healthcare, and Retail.
Business Area Experience
See which departments and functions this freelancer has contributed to most.
Experienced in Information Technology, Product Development, Quality Assurance, Operations, and Research and Development.
Summary
Since 2016 experience in developing scalable web apps and modern frontend technologies (Angular, Vue.js, TypeScript).
Specialized 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.
Passionate about innovative technologies and solutions that combine developer and user needs.
Skills
Javascript/typescript: Angular, Vue.js, Node.js, Nx, Vite, Webpack, Babel, Esbuild, Rollup, Terser
Python: Tensorflow, Pytorch, Scikit-learn, Pandas, Matplotlib, Seaborn, Numpy
Testing: Jest, Cypress, Vitest, Playwright, Jasmine, Karma
State Management: Rxjs, Ngrx, Vuex, Pinia
Style Sheet: Html5, Css3, Scss, Less, Postcss
Protocols: Graphql, Rest, Odata, Soap
Devops: Gitlab Ci/cd, Azure Pipelines, Docker, Kubernetes
Languages
Education
FH Bielefeld
Bachelor of Science · Applied Mathematics · Bielefeld, Germany
Certifications & licenses
Kubernetes For App Developers
Linux Foundation
Certified SAFe® 5 Product Owner/ Product Manager
Google Cloud Architect
Coursera Inc.
PM Academy - Foundation Setup
REPLY AG
Statistics
Experience
Expertise
Qualifications
Profile
Frequently asked questions
Do you have questions? Here you can find further information.
Where is Mathis based?
What languages does Mathis speak?
How many years of experience does Mathis have?
What roles would Mathis be best suited for?
What is Mathis's latest experience?
What companies has Mathis worked for in recent years?
Which industries is Mathis most experienced in?
Which business areas is Mathis most experienced in?
Which industries has Mathis worked in recently?
Which business areas has Mathis worked in recently?
What is Mathis's education?
Does Mathis have any certificates?
What is the availability of Mathis?
What is the rate of Mathis?
How to hire Mathis?
Average rates for similar positions
Rates are based on recent contracts and do not include FRATCH margin.
Similar Freelancers
Discover other experts with similar qualifications and experience
Experts recently working on similar projects
Freelancers with hands-on experience in comparable project as a Senior Web/Frontend Developer
Nearby freelancers
Professionals working in or nearby Bielefeld, Germany