Patient App (hds-webapp)

Demo: 625abc9 (Nov 8, 2026)Prod: 625abc9 (Nov 8, 2026)

Patient App — Diary view

The HDS Patient App is a mobile-first web application (also packaged for iOS and Android with Capacitor) that allows patients to:

View and enter health data (Diary cards, forms, medications, medical documents)
Manage connections with healthcare providers and partner apps, and decide what each one sees
Track tasks and requests
See everything stored in their account, and who accessed it

Key Features

Diary as cards — Today, Cycle, one card per measure (one line per instrument, legends, full screen), Mood and Medications; edit mode to reorder and hide cards; day / month / year grouping and Jump to a date. Card layout is stored on the account (settings/hds-webapp-diary), so it follows the person across devices
Timeline view — full-screen multi-stream visualization powered by hds-react-timeline, opened from the Diary header; its settings also persist on the account
Cycle charting — the person’s chosen charting method drives the words and stamps (from hds-feminine-cycle-ui); cycle card with phase and cycle day from hds-lib, cycle chart (one cycle / all cycles / calendar), coverline by the method’s rule. Notation only: no fertile/infertile verdicts
Add data — by type, recent first, pre-filled from the person’s own last entries; dynamic forms from the HDS data model (hds-forms-js), including “Measured with” (clientData.hdsInstrument)
Medications — a card and routine derived from prescriptions and intakes (an intake with a duration is a period of use, not a dose); one entry for a medicine, supplement or treatment with a datasets-service search, or a typed name (medication-prescription-basic when prescribed). Settings → Medications writes the period of use on the account: set times or as needed, how long (bounds), stop and take again; reminders at the set times, generic text only
Medical documents — import a PDF, photo or other file (original kept, typed document events on file/xds-v1 in the documents stream; photos keep their location and other details), an in-app viewer (pdf.js), and a document scanner that turns photos of the pages into one PDF (pdf-lib)
Connections — invitations with the requested data and levels, conversations, sharing one type of data at a time through CMC scope updates, partner-app cards from the platform catalogue
Notifications — unread badges from read markers kept on the account (settings/hds-webapp-read), an in-app banner and generic browser notifications
Show everything — every entry with the reason the Diary hides it, messages, sharing history and the access log, read-only
Learn the app — lessons (EN/FR) for each feature and first-use tip tours
Settings — charting method, cycle card, instruments, medications, notifications, language, profile, data hosting, deleted data, and links to the HDS account app for export, security and account deletion
Help & support — chat with the Health Data Safe team from Settings (chat-only consent, no access to health data; email when the team answers if nobody is online), drawn by hds-support-js

Tech Stack

React 19, Vite 8, Tailwind CSS 4, Capacitor 8 for the mobile builds
hds-lib (core), hds-forms-js (form components), hds-react-timeline (visualization), hds-feminine-cycle-ui (method display), hds-style (palette-patient theming)
pdfjs-dist and pdf-lib for documents
Pryv.io for data storage, authentication and consent (CMC)