This project is built at UCL COMP0016 FHIRworks Hackathon (for GOSH DRIVE and NHS England). The app provides an easy to use, responsive web and mobile dashboard interfaces for users to view, search and analyse FHIR datasets.
The app is built using:
With API and dataset:
HL7 FHIR Standard (Fast Healthcare Interoperability Resources Standard)
Home page icons from Icons8
Overview
The dashboard prototype came with three main sections (Patient list viewer, Advanced Search, Statistics), utilising FHIR data strcuture and standards.
The user interface is built based on React Ant Design library, with lots of self-customized CSS and modified designs. The UI is fully responsive, with a separate mobile tab menu for native mobile app experience.
FHIR Data Explorer
The patient list can be viewed by a choice of table or card layout. In the table layout, the user can easily sort or reorder the entire database by clicking the table head, and view full patient observation in a popup drawer.
For each observation entry, more advanced user can even view the raw FHIR json for more detailed info.
Search
Advanced search is provided to search and filter through FHIR datasets. The user can also use Exact match function to filter more strict matching result.
Statistics
Chart.js React is used for data visualization. Data are filtered and restructured from the raw FHIR data to be analyzed in the app.
Responsive Design
The web app is fully responsive, down to every component. In addition, a separate menu component for mobile and desktop, which will be enabled and disabled programmatically.