Projects

Here you see selected work references:

Porsche AG
Project
Porsche Taycan
(Infotainment)
Company
Porsche AG
Responsibilities
Web apps
Node services
CLI-Tools
Frontend Technologies
TypeScript, Angular 6-11, RxJS, SVG, MapBox, Jest, webpack
Backend Technologies
Node.js, Koa, GraphQL,
Docker, MQTT, Rust
Period of Time

The in-vehicle infotainment of the Porsche Taycan is composed of core functionalities (e.g. navigation, voice assistant), which can be extended through optional services and apps (e.g. Apple Music, Weather). You can interact with the touchscreen in the center console or the co-driver display.

My responsibilities were:

  • App (front- & backend) development:
    • Serving content as Node services or Angular Apps
    • Integration of 3rd party content via REST & GraphQL APIs
    • Exploration of PoC-Apps by use of MapBox and SVG
    • Realization of individual adaptions for all international markets
    • Increase of test coverage with unit tests
  • Miscellaneous:
    • Development and maintenance of CLI tools (Rust / TypeScript / bash)
    • App-Concept for the realization of distraction free driving
    • Proactively suggesting concepts and solutions for current obstacles
    • Documentation of workflows and hardware-specifics

Bentley
Project
Bentley Portal
(specific Website)
Company
Bentley Motors Ltd.
Responsibilities
Cloud native Web apps
Frontend Technologies
TypeScript, Angular 6-10,
NgRx, Sass, Cypress (e2e)
Backend Technologies
AWS, Terraform, Kubernetes,
Helm, Docker, Jenkins
Period of Time

Dealers and customers are able to register new Bentley cars online in order to benefit from additional services Bentley is offering.

My responsibilities were:

  • App (frontend) development:
    • Creating and consolidating Angular apps within a microservice architecture of over 20 parts (apps and services)
    • Development of new Angular components and services
    • Bringing several projects back on track
  • Leadership role:
    • Guidance of two Junior Co-workers
    • Giving a presentation about Jenkins and CI/CD
    • Giving a presentation about Cypress and e2e-Testing
  • Miscellaneous:
    • Streamlining and Updating Jenkins Jobs
    • Laying down basis of e2e testing via Cypress
    • Establishing a CI/CD mindset within team

BFH AppChase App
Project
Black Forest Hop App &
Chase Festival App
Company
Black Forest Hop e.V. &
SwingStep GmbH
Responsibilities
Everything (Idea, Concept, Design and Development)
Frontend Technologies
TypeScript, React, React Native,
SVG, Jest
Backend Technologies
GraphQL, MongoDB, Docker, Google Firebase
Period of Time

Two Mobile Apps which work as digital companion (i.e. interactive digital booklet) to all participants of two different multi-day dance workshop events.

The apps provide individual class schedules for every level and teacher. All tasters and party schedules are included, too. Supports participants in getting to the venues and eating out respectively getting official announcements.

The idea, concept, design and development (front- and backend) was done by myself - client wishes were integrated, too. The apps had roughly 100 (Black Forest Hop) and 650 (Chase Festival) users and both are available in the App Store and Google Play.

  • Custom-built schedule React components based on SVG
    • supports one, two and three column layouts
    • supports a more complex teacher schedule
    • supports individual schedules
  • Over 35 selector functions
    • ... all based on functional programming (via Lodash)
    • ... all of them have 100% test coverage (via Jest)
  • Miscellaneous:
    • Over 35 custom-built React components in total
    • Integrated over-the-air update functionality
    • Filtering of eating-out places by „currently open“ option
    • Navigation support via Google Maps and Apple Maps

Audi AG
Project
Audi Gebrauchtwagenbörse - Onlinekauf (Checkout)
Company
Audi AG
Responsibilities
Frontend (JS)
Frontend Technologies
React, React Router, Redux, Redux Form, Redux-Saga, styled components, webpack
Period of Time

Authorized Audi dealers can use the official used car website of Audi to offer their cars for purchase. Potential Customers can do the entire car purchase (decision for pickup or delivery, concession and payment/loan) in a multi level process online.

As part of the frontend team, which developed the checkout process as web app, I did:

  • Technical implementation of user stories, i.a.:
    • Implementation of various views according to Atomic Design and Responsive web design
    • Implementation of several atoms, molecules and organisms
    • Implementation of the complete FAQ section
    • Building forms with Redux Form
    • Building actions/reducer for Redux
    • Validation of all forms
  • Improvement of the developer flow:
    • Introduction of ESLint (integrated as Git hook)
    • Introduction of Prettier (integrated as Git hook)
    • Documentation of several atoms, molecules and organisms

1&1
Project
1&1 Control Center Access
(customer portal)
Company
1&1 Internet SE
Responsibilities
Frontend & Tooling (JS)
Frontend Technologies
Node.js, qooxdoo,
React, Angular 1&2
Period of Time

More than 8,7 millions of existing 1&1 customers of DSL and mobile products are able to view and edit their contract and feature details within the 1&1 Control Center (Access) .

As part of the frontend team, which developed this web app, I did:

  • Technical implementation of user stories, i.a.:
    • 1&1 Multi-Card (order, activate, lock, unlock)
    • Arranging a technician appointment via a calendar widget
    • Miscellaneous DSL and Mobile accordions, in order to configure „Settings & Services“
  • Maintenance and revamping the frontend toolchain:
    • Harnessing of Browserify and Babel
    • Migration of the build process to Node.js/npm-packages
    • Harnessing of ESLint as replacement for JSCS and JSHint
  • Responsible for the CI server jobs (Jenkins):
    • main build and release jobs (via Maven)
    • Frontend code quality job, which lints JS and SCSS-Code as well as runs JS unit and integration tests
    • Frontend security job, which warns about security risks within used npm packages
  • Improving the developer flow:
    • Migration from SVN to Git
    • Development of customized Git hooks
  • Miscellaneous:
    • Reworking of the REST resources with the backend team
    • extension of the frontend review/release process
    • documentation of the CD build/release/deployment pipelines
    • Analysis/Conceptioning of the frontend target architecture with migration plan
    • Writing of Unit/E2E-Tests (Karma, Jasmine, Protractor)
    • Chairing of reviews and retrospectives
    • Being release manager and bug manager in several Scrum sprints
    • Team-Training for Kanban (as alt. for Scrum) as well as Kibana

qooxdoo
Project
qooxdoo
open source web framework
Company
1&1 Internet AG
Responsibilities
core developer,
responsible for toolchain
(JS, Node.js, Python)
Period of Time

qooxdoo is an open source web framework for building RIAs, native-like mobile apps and lean web apps. The development takes places on GitHub.

As part of the core team, which is developing qooxdoo, my responsibilities were:

  • Core developer and responsible for the (Python-)Toolchain:
    • ongoing development of the build processes (parsing, preprocessing, minifying etc)
    • ongoing development of the JS framework code on GitHub, primarily the IO package (e.g XHR/JSONP and REST)
  • Development of a new JS based toolchain (via Grunt plugins):
    • Parsing of JS code incl. scope and dependency analysis
    • Minifying and optimization of JS code
    • Preprocessing of resources (e.g. images)
    • Processing of qooxdoo inherent compiler hints
    • Maintenance of the existing python toolchain
    • Introduction of custom ESLint rules
    • Development of the contrib catalog (for 3rd party libs)
    • UnitTests via nodeunit/Mocha/Chai
    • Documentation via Sphinx/JSDoc
    • Interacting with the open source community (e.g. accepting pull requests, giving support on StackOverflow and the mailing list)