A bilingual mobile patient experience and clinic workspace. Explore patient, reception and manager workflows with fictional records in an interactive demo.
Expo · React Native · TypeScript · Arabic / English
The problem
A clinic has three people who need different views of the same visit. I wanted one codebase for the phone app and a browser demo, with the permissions enforced in the logic and not only hidden in the UI.
What I built
Expo / React Native with TypeScript and expo-router, exported to the web with react-native-web, Arabic and English with Noto Sans Arabic.
One domain module (appointments, queue, invoices, roles) shared by the API and by an offline store, so the browser demo works with fictional data saved only in the visitor’s browser.
A Workers-style API over a SQL schema (Drizzle / SQLite): 24-hour sandboxes, hashed session tokens, rate limits and origin checks.
One clinic, three connected views: the patient, the reception desk and the manager.
The design brief centres on presenting ClinicOS Pro clearly to its audience, with an understandable content hierarchy and an easy next step.
Clear spacing, purposeful imagery and navigation that fits the screen. The screenshots and project link let you judge the details directly.
01
A bilingual mobile patient journey
02
Appointments, queue and visit timeline
03
Sample invoices linked to manager reporting
FROM INTERFACE TO INTERACTION
See how the details connect.
ClinicOS Pro — connected patient, reception and manager demo
02 / THE EXPERIENCE, UP CLOSE
Let the interface speak.
01ClinicOS Pro overview02Patient care and appointment experience03Reception queue workspace04Manager sample billing view05ClinicOS patient experience on a mobile screen
YOUR PROJECT, ITS OWN DIRECTION
Planning something similar?
Clinic website design, ecommerce development, mobile applications and workflow platforms in Lebanon. We agree on the user experience, implementation scope and deliverables before the work starts.
AS NEXUS 2 ↗
POS 2026 ↗