← Back to work examplesReact Native mobile demo

A familiar doctor-channeling journey, designed for a phone.

LankaCare is a fictional Sri Lankan medical-centre app created to demonstrate how I design and build connected native mobile flows—not just isolated screen mockups.

View app screens ↓Discuss a mobile app

This app runs locally on an Android emulator. Every doctor, medical centre, patient, time slot, fee, and appointment is fictional local demo data.

Application type: Doctor-channeling app
Technology: React Native + Expo
Runtime: Android / iOS-ready UI
Data: Local mock state only

What I built

A connected mobile flow with real interface behavior.

The prototype moves from specialty and doctor discovery through doctor details, channeling-time selection, patient information, a required demo notice, confirmation, appointments, and profile settings.

Selections and form values persist through local React state, and a completed simulated channeling appears in “Appointments.” The data layer is separated from the interface so the same screens can later connect to an API without redesigning the patient journey.

Emulator captures

The main journey, screen by screen.

Captured from the working React Native app on an Android emulator. The small gear at the screen edge is an Expo development control, not part of the app interface.

Find a doctor screen from the LankaCare doctor-channeling app demo — **Find a doctor**Specialty shortcuts and fictional doctors with familiar channeling details.

Doctor profileQualifications, experience, fee, availability, and medical-centre location.

Channeling time screen from the LankaCare doctor-channeling app demo — **Channeling time**Selectable dates and available consultation times.

Patient details screen from the LankaCare doctor-channeling app demo — **Patient details**Name, NIC or passport, mobile number, and an optional reason for the visit.

Channel confirmation screen from the LankaCare doctor-channeling app demo — **Channel confirmation**A clear simulated success state with sample channel number and arrival time.

Appointments screen from the LankaCare doctor-channeling app demo — **Appointments**Upcoming and past channelings held in local app state.

Profile and settingsMock reminders, saved doctors, history, and help options.

What it demonstrates

Mobile product skills beyond visual mockups.

Navigation flow

Forward and back navigation, persistent bottom tabs, and a coherent seven-screen customer journey.

Forms and selection state

Selectable doctors, dates, time slots, patient fields, validation, settings, and saved appointment state.

Reusable mobile UI

Shared headers, cards, buttons, fields, summaries, navigation, and responsive native layouts.

API-ready separation

Typed mock data and UI state are kept separate, ready to be replaced by real doctor, availability, and channeling APIs.

Deliberate demo scope

Realistic behavior without pretending there is a production backend.

The prototype intentionally excludes real authentication, hospital records, databases, payments, notifications, patient data, and app-store distribution.

When “Channel doctor” is tapped, the app explicitly states: “Demo only — booking is simulated and not submitted.”

Need a mobile first version?

Let’s map the smallest useful app journey.

I can help turn a workflow into a focused mobile prototype or first working version with the right screens and states.

Start a conversation