https://github.com/dermatologist/fhir-questionnaire-render-react

Render FHIR Questionnaire as a web form using FHIRFormJS
https://github.com/dermatologist/fhir-questionnaire-render-react

fhir fhir-client hacktoberfest react-component react-redux webform

Last synced: about 1 year ago
JSON representation

Render FHIR Questionnaire as a web form using FHIRFormJS

• Host: GitHub
• URL: https://github.com/dermatologist/fhir-questionnaire-render-react
• Owner: dermatologist
• License: mit
• Created: 2018-02-06T22:25:37.000Z (over 8 years ago)
• Default Branch: develop
• Last Pushed: 2024-02-06T10:42:32.000Z (over 2 years ago)
• Last Synced: 2025-03-31T00:01:37.189Z (about 1 year ago)
• Topics: fhir, fhir-client, hacktoberfest, react-component, react-redux, webform
• Language: JavaScript
• Homepage: https://canehealth.com
• Size: 3.36 MB
• Stars: 20
• Watchers: 2
• Forks: 5
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# fhir-questionnaire-render-react  using [FHIRFormJS](https://github.com/dermatologist/fhirformjs)

[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://github.com/dermatologist/fhir-questionnaire-render-react)

[![Build](https://github.com/dermatologist/fhir-questionnaire-render-react/workflows/CI/badge.svg)](https://nuchange.ca)

## About

This is an example React app that demonstrates the use of [FHIRFormJS](https://github.com/dermatologist/fhirformjs) to render a *FHIR Questionnaire* as a form. A JSON editor is added for real-time editing of the *Questionnaire*.The Submission is a *FHIR QuestionnaireResponse* to any FHIR compliant server. You may spin up a FHIR server using [this repo](https://github.com/dermatologist/fhirql).

## Contributor(s)

* [Bell Eapen](https://nuchange.ca) | [![Twitter Follow](https://img.shields.io/twitter/follow/beapen?style=social)](https://twitter.com/beapen)

## Demo

[![fhirformjs](https://github.com/dermatologist/fhir-questionnaire-render-react/blob/develop/notes/fhirformjs-2.gif)](https://github.com/dermatologist/fhir-questionnaire-render-react/blob/develop/notes/fhirformjs-2.gif)

### This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Use

```

npm install

npm start

```

* See src/App.js for FHIRFormJS usage example.