Medplum Charting Demo

A starter application for building a charting app on Medplum.

This example app demonstrates the following:

• Using Medplum React Components to display a chart that provides visibility on a patient
  • More information on a charting experience
• Using Medplum GraphQL queries to fetch linked resources

Components of the Patient Chart

The Patient Chart has 3 distinct panels

1. Clinical Chart The left panel shows the patient history and their status. Notable information in the clinical chart includes the following Resources:

   • Patient Information
   • Upcoming Appointments
   • Documented Visits
   • List of Allergies
   • List of Problems
   • Medication Requests
   • Smoking Status
   • Vitals

2. Tasks The center panel shows list of the Task resource with a different focus resource. See our Tasks Guide for more details.

   • Each focus is interactive to either review or fill out
   • This example project demonstrates interactions of the following resources:
     • Questionnaire
     • QuestionnaireResponse
     • DiagnosticReport
     • CarePlan

3. SOAP Note The right most panel documents an encounter with the patient through a questionnaire. Filling out and submitting the questionnaire automatically creates a task, with the response as the focus to be reviewed.

Getting Started

If you haven't already done so, follow the instructions in this tutorial to register a Medplum project to store your data.

Fork and clone the repo.

Next, install the dependencies.

npm install

Then, run the app

npm run dev

This app should run on http://localhost:3000/

About Medplum

Medplum is an open-source, API-first EHR. Medplum makes it easy to build healthcare apps quickly with less code.

Medplum supports self-hosting and provides a hosted service. Medplum Hello World uses the hosted service as a backend.

• Read our documentation
• Browse our react component library
• Join our Discord