plasma-fhir
  • What is Plasma FHIR?
  • Docs
    • Guides
      • Getting Started
      • Create an Epic Patient App
      • Create an Epic Clinician App
      • Create an Epic Backend App
      • Testing with SMART Health IT Sandbox
      • Developing/Contributing to Plasma FHIR
  • Packages
    • create-plasma-app
    • plasma-fhir-app-utils
      • PlasmaFHIRApi
      • Resources
      • PlasmaFHIRUtils
      • Conversions
      • DateTimeUtils
    • plasma-fhir-backend-utils
    • plasma-fhir-react-client-context
    • plasma-fhir-react-components
  • Sample Apps
    • Plasma Portal
    • Plasma Portal Lite
    • Family History Editor
    • Playground
Powered by GitBook
On this page
  • Description
  • Run
  • Project Setup Instructions
  1. Sample Apps

Family History Editor

UNDER CONSTRUCTION

PlasmaFHIR Family History Editor. This demonstrates how to build a full CRUD app with Plasma FHIR.

Description

  • Family History editing tool using PlasmaFHIR

  • Only works with SMART-on-FHIR for now because Epic does not allow patients to write/edit their own FamilyMemberHistory

Run

  • yarn start

  • Windows (HTTPS): ($env:HTTPS = "true") -and (npm start)

  • Mac (HTTPS): HTTPS=true npm start

Project Setup Instructions

  1. Create a new TypeScript React App

    • https://create-react-app.dev/docs/adding-typescript/

    • yarn create react-app my-app --template typescript

  2. Install SASS

    • https://create-react-app.dev/docs/adding-a-sass-stylesheet/

    • yarn add sass

    • Rename App.css to App.scss

    • Update App.tsx to use App.scss

  3. Copy plasma-fhir modules

    • Create a src/plasma-fhir directory

    • Copy modules into it

  4. Install local PlasmaFHIR packages

    • npm install --save ../../plasma-fhir-react-components

    • npm install --save ../../plasma-fhir-app-utils

  5. Install FHIR types

    • yarn add @types/fhir

  6. Install fhirclient

    • yarn add fhirclient

  7. Install react-router-dom

    • yarn add react-router-dom

  8. Create src/config/config.ts with the API key configurations

  9. Install some libraries

  • Tailwind CSS

    • https://tailwindcss.com/docs/guides/create-react-app

    • npm install -D tailwindcss postcss autoprefixer

    • npx tailwindcss init -p

    • Update tailwind.config.js (see instructions)

    • Update index.css (see instructions)

  • react-table

    • https://github.com/TanStack/react-table

    • yarn add react-table

    • yarn add @types/react-table

  • VechaiUI

    • https://www.vechaiui.com/

    • yarn add @vechaiui/core @vechaiui/react @tailwindcss/forms

PreviousPlasma Portal LiteNextPlayground

Last updated 2 years ago