• Development of new features and bug fixing in the CMS platform for sparkasse.de and the websites of the Sparkassen.
• Development of a multi-tenant CMS architecture with more than 20 tenants based on a shared CMS root.
• Bug fixing and development in the company’s own Strapi fork.
• PostgreSQL schema changes and creation of database migrations for Strapi adjustments.
• Development of the React frontend and its component library.
• Implementation of accessible components according to BITV 2.0 and WCAG 2.1 with focus on keyboard navigation, ARIA attributes, and screen reader compatibility.
• Suggestions for improving the CI/CD pipelines.

• Implementation of Figma designs in Next.js with React and Tailwind.
• Implementation of a localization library for Next.js with SSR, compatible with Pages Router and offering the same API as i18next.
• Extension of a graphically extensive result PDF for the care level calculator with React-PDF.
• Implementation of a file watcher and live reload for React-PDF server-side generation.
• Continued development of the new care level calculator funnel.
• Co-development of a Playwright test suite for the new care level calculator.
• Database and schema extensions with Prisma and SQL.
• Prototypical refactoring of the new care level calculator funnel to file-based routing.
• Implementation of new pages with Storyblok CMS and integration with Next.js.
• Accessible components according to BITV 2.0 and WCAG 2.1.

• Full-stack development of features with Angular (frontend), C# (backend), and Microsoft SQL Server (database).
• Upgrade of two Angular enterprise projects from version 15 to 21.
• Migration of the Angular projects to standalone architecture.
• Resolution of circular dependency problems that prevented the upgrade.
• Correction of faulty imports and dependencies to reduce bundle size through tree shaking.
• Migration from Webpack to Vite to reduce build times.
• Creation of a unit test suite with Vitest.
• Implementation of multiple Playwright test suites including MSAL login, CI/CD integration, and test coverage reports.
• Accessible components according to BITV 2.0 and WCAG 2.1.
• Development and customization of T-SQL functions in Microsoft SQL Server.
• Design and implementation of the migration of a JavaScript-based Flex layout to CSS.

Implementation of Automation Verification for Advertising Mail in the DHL Business Customer Portal

Lead Frontend Developer

• Pixel-perfect implementation of Figma designs into React components.
• Integration of backend systems using REST APIs, OpenAPI, and Tanstack Query (React Query).
• Setup and configuration of the automation verification frontend project.
• Integration of the automation verification into the business customer portal using Single-SPA (microfrontend architecture).
• Creation of build scripts for single-page applications (SPA) and microfrontends.
• Development of a test suite with Playwright for automation verification.
• Accessible components according to BITV 2.0.
• Knowledge transfer and training of team members in React and TypeScript.

Integration of the Print Mailing Planner into the DHL Business Customer Portal

Frontend Developer

• Support with the integration of the Print Mailing Planner (an Angular 17 application) into the DHL Business Customer Portal.
• Optimization of build scripts regarding Single-SPA.
• Implementation of SSO login with Keycloak.js for the Print Mailing Planner in the DHL Business Customer Portal.
• Participation in developing a Playwright test suite for the Print Mailing Planner.

• Creation of a validated input component with React-Hook-Form for systematic collection and processing of report data.
• Development of a Headless CMS with Strapi for flexible content management.
• Integration of Azure Databricks using Databricks SDK in Python.
• Generation of PDF reports with Python and LaTeX.
• Provision of REST APIs using FastAPI.
• Generation of React Query hooks based on OpenAPI specifications.
• Implementation of Azure MSAL Single-Sign-On (SSO) for the application.
• Integration of Azure Blob Storage for PDF report storage.
• Deployment of the application in Azure using Azure Container Registry (ACR) and Docker-Compose.
• Creation and configuration of an Azure Web App for Containers to operate the application.
• Automation of deployments through CI/CD pipelines with GitHub Actions.

• Development of Cypress frontend integration tests.
• Creation of unit tests with Jest.
• Migration of C# unit tests from NUnit to XUnit.
• Development and testing of stateless functions in AWS Lambda and their integration into AWS Step Functions.
• Refactoring of existing functions in AWS Lambda.
• Integration of TypeScript and Cypress in the CI/CD pipeline.
• Setup of a solution for local and shared Cypress commands in an Nx monorepo.
• Test-driven development of new components with Angular 17.

• Setup of a Next.js project infrastructure.
• Conversion of Figma mockups into reusable React components with MUI.
• Implementation of reactive chat components with MUI.
• Message rendering in sections to optimize performance.
• Integration of Text-to-Speech functionality.
• Provision of the output package as a WebComponent for integration into websites.
• Integration of WebSockets with a Python backend for real-time communication.

• Setup of a React/TypeScript project using Nx-Tools.
• Development of UI components based on Figma designs with React and MUI.
• Implementation of Cypress tests that automatically record API responses and use them as mock data.
• Configuration of a Webpack API proxy to bypass the Same-Origin Policy.
• Configuration of TypeScript code generation for OpenAPI endpoints.
• Customization of MUI components according to customer requirements.
• Integration of a Jenkins pipeline with GitLab and Rocket Chat.

• Creation of Cypress tests and integration into GitLab pipelines.
• Automated creation of code coverage reports and test results for Cypress, integrated into Jira X-Ray.
• Enabling of out-of-source imports in a CRA 4 monorepo.
• Migration of the monorepo from TSLint to ESLint and Prettier.
• Test-driven development in the area of user management and authentication for the HConnect product suite.
• Implementation of an Nginx reverse proxy Docker container for the React router.
• Realization of live SAS token creation for build scripts in the Azure cloud.
• Proof of concept (PoC) for migrating from Yarn 1 to Yarn 2 with Zero Install and PnP.
• Development of Node.js build scripts with Azure CLI and AzCopy to automate deployment processes.

• Setup of a new project using Nx tools.
• Development of custom components for the configurator in Angular 10.
• Customization of Angular Material components using Tailwind CSS.
• Data migration from the old configurator.
• Integration of a GraphQL API with the Apollo client.

• Implementation of Figma designs into modular React components with MUI, including customization of MUI components.
• Creation of extensive tests with React Testing Library and Jest.
• Definition of new Dependency Cruiser rules to ensure the Dependency Inversion Policy.
• Implementation of an approach to integrating a PWA (Progressive Web App) into an existing monolith.
• Development of web services with JAX-RS and adding OpenAPI annotations.
• Creation of a custom filter for AG Grid.

• Refactoring and update of the project’s toolchain.
• Introduction of a component-based architecture.
• Transformation of Figma layouts into functional chat components.
• Development of special chat functionality components.
• Implementation of a technological approach for lazy loading of an emoji picker.

• Introduction of JSX and rendering functions in Vue.js.
• Division of components according to the atomic design principles.
• Implementation of schema extensions in MySQL.
• Development of special components for the configurator.

• Creation of a new build system with Webpack.
• Development of a new starter kit for React.
• Setup of a Node.js backend using Sequelize and PostgreSQL.
• Integration of OpenAPI and setup of Swagger UI for the middleware.
• Setup of a Jest snapshot test suite.
• Implementation of JSON Web Token authentication in the middleware.
• Creation of Docker Compose files for build scripts.
• Setup of Docker clusters with a reverse proxy (Traefik).