Case study
OPD & Elevate Her Healthcare Marketplace
Overview
A healthcare marketplace inside ICICI Lombard's insurance ecosystem, embedded in a Flutter app through a WebView. It offers OPD and healthcare services across 10+ verticals — doctor and teleconsultation, lab tests, medicines, vaccination, dental, vision, dermatology, minor / cashless procedures and location-based services. Elevate Her is a dedicated women's-health section within the same product, covering period tracking, health checkups, medicine ordering, and prenatal / postnatal and parenting guidance based on eligibility and plan.
I contributed as a frontend / full-stack product engineer. Healthcare services are fulfilled by an external vendor platform (GetVisit); the frontend maps insurance and user context into their service flows.
Problem / Context
Members needed one place to use their health benefits instead of separate portals and manual coordination. The marketplace had to live inside an existing Flutter app, feel native, work across many service types, and integrate an external healthcare vendor while keeping insurance identity, authentication and encrypted data flows correct.
My Contribution
- Built marketplace UI and flows across 10+ service verticals, including the Elevate Her women's-health section
- Set up client state with Zustand and server state with TanStack Query over an Axios-based service layer
- Implemented a typed Flutter ↔ WebView bridge — navigation, back-button handling, orientation control and file downloads
- Built a custom API / service layer handling authentication, insurance identifiers, token refresh, encrypted payloads, FormData and multiple API domains
- Integrated SignalR for real-time chat / AI coaching in Elevate Her
- Added Google Maps for location-based services, react-pdf for report / document viewing, CleverTap analytics, and PWA patterns with lazy loading and code splitting
- Worked with the Docker + Jenkins pipeline and AWS environment configuration
The GetVisit vendor platform and the insurance backend services were owned by their respective teams; my work was the marketplace client and its integration layer.
Technical Architecture
Key Engineering Challenges
Flutter ↔ WebView contract
A web app inside a native shell needs native behaviour — hardware back button, orientation, file downloads and navigation hand-off — without leaking untyped message passing everywhere.
Solution: a single typed bridge module wraps every native call and event with defined payloads, so feature code calls typed methods instead of posting raw messages.
One client, many API domains
Requests span the insurance backend and the external vendor, each with its own auth, identifiers and payload rules, including encrypted bodies and FormData uploads.
Solution: a custom service layer centralises base URLs, auth and token refresh, encryption, insurance-identifier injection and FormData handling, exposing clean typed methods to features.
Real-time coaching in Elevate Her
The women's-health section needed live chat / AI coaching alongside normal request/response flows.
Solution: a SignalR connection with lifecycle handling (connect, reconnect, teardown on navigation) feeding a dedicated chat store, kept isolated from the TanStack Query cache.
WebView performance budget
Running inside a WebView on mid-range devices leaves little headroom for a multi-vertical app.
Solution: route-level code splitting and lazy-loaded heavy modules (maps, PDF viewer, health widgets), so each vertical only loads what it needs.
Impact
- Single embedded marketplace covering 10+ healthcare verticals plus a dedicated women's-health section
- Reusable typed WebView bridge and API service layer used across the whole marketplace
- Real-time chat / AI coaching shipped in Elevate Her via SignalR
Tech Stack
Next.js 16 · React 19 · TypeScript · Zustand · TanStack Query · Axios · SignalR · Google Maps · react-pdf · CleverTap · PWA · Docker · Jenkins · AWS · GetVisit vendor APIs (integration)