Solution developed in React aimed at assisting patient monitoring especially in the context of Covid-19.
Features • Screenshots • Getting Started • Deployment • Real-Time Data • Authors • License
- Easy-to-view monitoring dashboard for all hospital beds
- Monitoring card with real-time information and recent interval statistics
- Detailed view of a hospital bed (with line charts)
- Visualization of hospital beds through bar charts
- Viewing and exporting individual hospital bed reports
- Display of toast alerts received through the broker
Dashboard Home Page | Detailed Hospital Bed | Bar Charts Visualization | Reports Page |
---|---|---|---|
![]() |
![]() |
![]() |
![]() |
For more screenshots and gifs access the screens.md file.
- Node (with npm)
To run the app in the development mode or build the app, you need to install the app's dependencies.
npm install
The app settings can be changed in the public/settings.js
file.
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
npm run build
Builds the app for production to the build
folder.
After that the app settings can be changed in the build/settings.js
file.
Your app is ready to be deployed!
See the react section about deployment for more information.
Real-time data is obtained with a publish-subscribe pattern through a communication with a broker.
Settings, such as the broker's address, can be changed through the settings.js
file mentioned in the previous sections.
The data obtained follows the topic names and patterns presented below:
-
Topic name:
oximeters/:id
Message pattern:{ "beat": number, "spo2": number, "temp": number }
-
Topic name:
alerts/:id
Message pattern:{ "alertType": number }
Usage is provided under the GNU General Public License v3.0.
See LICENSE for details.