Barmer App - Bonus Module
IBM iX / Barmer
The Barmer App is the official mobile application for Barmer, one of Germany's largest public health insurance providers. The Bonus module within the app rewards members for maintaining healthy habits and preventive healthcare activities. Members can earn cash bonuses by documenting health activities like vaccinations, check-ups, sports club memberships, and more. The Bonus functionality is also available as a standalone web application.
Project Overview
As a senior frontend developer, I contributed over 230 commits to the Bonus module, working across the React Native mobile app, the React web application, and shared packages. The project is structured as a monorepo with separate apps for mobile (iOS/Android) and web, sharing business logic and UI components through internal packages.
Key Contributions
Receipt Submission Flow
Implemented the complete receipt submission workflow allowing users to photograph and upload receipts for health-related expenses. This includes file size validation (max 16MB), document count limits, and proper error handling with user-friendly feedback messages.
Timeline & Activity Tracking
Built the timeline interface displaying user's bonus activities, submission status, and payout history. Implemented detail views with status chips, last-updated indicators, and proper back navigation across web and mobile platforms.
Alert & Notification System
Developed the alert notification system (B300 alerts) for important user communications, including submission confirmations, rejection notices, and informational messages. Implemented dismissible hints with proper accessibility support.
Accessibility Improvements
Enhanced component accessibility across the application, including proper role announcements for buttons, selects, and bottom sheets. Fixed issues where interactive elements weren't properly communicating their purpose to screen readers.
UI Component Fixes
Resolved numerous UI issues including dashboard header truncation, landscape mode scrolling for error messages, input field spacing consistency, dialog scrollability on iOS, and proper icon button labeling for three-dot menus.
Opt-Out & Settings
Implemented the opt-out flow for users who wish to leave the bonus program, including proper screen layouts, confirmation dialogs, and backend integration.
Dynamic Content
Built dynamic hint text systems that adapt based on bonus periods and user submission states, ensuring users always see relevant information about their bonus status and available actions.
Technology Stack
Mobile
- React Native
- TypeScript
- Barmer Puls UI
- Inversify (DI)
Web
- React
- TypeScript
- Barmer Puls UI
- Shared Components
Architecture
- Lerna Monorepo
- Yarn Workspaces
- Nx
- Shared Packages
Testing
- Jest
- React Testing Library
- ESLint
- Husky