Barmer App - Kompass Module

The Kompass module is part of the Barmer App and Meine Barmer web experience. It helps members navigate healthcare benefit and reimbursement topics such as care services, sickness benefits, rehabilitation, medical aids, maternity benefits, dental orthodontics, and ongoing cases.

Project Overview

As a senior frontend developer on the Kompass team, I contributed over 310 commits to the frontend monorepo between December 2025 and April 2026. The work focused on the shared Kompass feature package used by both the React Native app and React Native Web surface, with matching behaviour across iOS, Android, and web.

Key Contributions

Rebranding & Feature Screens

Implemented rebranded screens and components across the module, including overview tabs, information sections, error states, and detail pages. The work touched care services, maternity benefits, rehabilitation, medical aids, sickness benefits, child sickness benefits, and orthodontic flows, all aligned with Barmer's Puls design system.

Benefit & Reimbursement Workflows

Built and refined UI flows for benefit overviews, payout lists, regular care services, cost summaries, status chips, and detail pages. This included improving empty states, keeping financial rows visually stable, and ensuring list summaries remain readable and consistent across compact mobile layouts.

Accessibility

Fixed VoiceOver and TalkBack behaviour across headers, tabs, filters, selects, links, and case detail screens. Added focused workarounds for Android screen readers, improved reading order, avoided duplicate announcements, and ensured web links expose the correct semantics.

Keyboard, Layout & Navigation Stability

Integrated keyboard-aware behaviour for forms and dialogs, including feedback dialogs, rehabilitation co-payment screens, and fixed action bars. I also resolved bottom-navigation spacing issues, landscape dialog reachability problems, tab panel height crashes, and native DatePicker/SectionList crashes.

Information & Tips Experience

Reworked information tabs, accordions, tip cards, and PDF-related loading states. Improvements included CardSwipeView integration, document size formatting, soft-hyphen handling for long German terms, and better line breaks on both iOS and Android.

Testing & Regression Coverage

Kept a large snapshot suite aligned while changing production screens, added targeted tests for new layout behaviour, and fixed lint and type issues during the rebranding work. This helped make repeated main/candidate branch backports safer for release preparation.