hemepositive / fhir-app-starter Goto Github PK

React --

• React first. Build an App in a framework that is future-proof and performant.

Redux --

• Redux has proven to be the leader in client state management. Use it to store your FHIR documents.

Redux-Saga --

• Redux Saga is a great way to make asynchronous calls to FHIR servers.

Semantic-UI --

• Perhaps the most opinionated decision, Semantic-UI is an excellent CSS Framework and component library for building applications.

Production Ready --

• This project has a scalable component structure utilizing a Container pattern that is ready for Production out of the box.

1. Create an account on Cerner's Code Sandbox and log in.

2. Create an application by clicking New App

   

   If you are just developing locally, use the following:

2. Clone fhir-app-starter

   git clone https://github.com/asymmetrik/fhir-app-starter
   cd fhir-app-starter

3. Update your app config

   The app builds the information into the application automatically. All you need to do is update your config.js.

   // Update me!
   module.exports = {
     clientId: '', // Your clientId
     scope: '', // "patient/Patient.read patient/Observation.read" or: Whatever scopes you like
     iss: '', // Your FHIR Server or: Found on Cerner's Sandbox under "FHIR Spec: dstu2 - " <iss listed here> "
     redirectUri: '', // Your redirectUri
   };

4. Install and start

   yarn install
   yarn start

   You should see your browser open up your app.

   

   Notice the "Unconnected..." banner. This is because we have not launched from an EHR yet. Cerner's Code Sandbox allows us to launch the application in this exact way. Let's do that.

5. Launch from Cerner's Code Sandbox

   On Cerner's Code Sandbox, click into your application. Select Begin Testing. Select a Patient, and Select Launch. After launching you may be redirected to a login page. Use username portal and password portal. If you configured things correctly, you should see that your application has been launched properly.

   

Build for production using the following command:

yarn build

Your app will be located in the build directory

• react-boilerplate
• react-redux-saga-boilerplate
• create-react-app