Back to IBM / Barmer
Barmer Logo

Barmer App - Bonus Module

IBM iX / Barmer

Senior Frontend Developer

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