ihub-pti / boldo-web Goto Github PK

View Code? Open in Web Editor NEW

8.0 8.0 8.0 4.85 MB

Browser based web application for Boldo (Doctors).

Home Page: https://boldo.penguin.software

License: GNU Affero General Public License v3.0

HTML 2.69% TypeScript 90.39% CSS 0.60% JavaScript 6.20% Dockerfile 0.11% Shell 0.01%

create-react-app reactjs webrtc tailwindcss socket-io telemedicine doctor-appointment-management paraguay

boldo-web's Introduction

BOLDO - WEB

Boldo can be found in any Paraguayan household. It is a magic team that can calm all kind of stomache ache.

This is the browser based web application for Boldo - a telemedicine solution for doctors and patients. The browser application is specifically for doctors.

Getting Started

This project has the following dependencies:
- node.js (v12 or newer)
Install dependencies: npm i

Create a .env file in the project's root folder and add these contents:

REACT_APP_SENTRY = PUBLIC SENTRY DSN

# ###################### Local ######################
REACT_APP_SOCKETS_ADDRESS = http://localhost:8000
REACT_APP_SERVER_ADDRESS = http://localhost:8008

npm start - to start the app on localhost:3000

Run with docker

To build the docker image use the following command:

docker build -t boldo-web --build-arg sockets_address=http://localhost:8000 --build-arg app_server=http://localhost:8008 --build-arg app_frontend=http://localhost:3000 .

After that you can test it running the following command:

docker run --rm -it -p 3000:3000 boldo-web

Run in production

To run this project in production, make sure to have the environment variable NODE_ENV set to production.

Contributing

The project is currently under heavy development but contributors are welcome. For bugs or feature requests or eventual contributions, just open an issue. Contribution guidelines will be available shortly.

Authors and License

This project was created as part of the iHub COVID-19 project in collaboration between Penguin Academy and PTI (Parque Tecnológico Itaipu Paraguay).

This project is licensed under AGPL v3

boldo-web's People

Contributors

Stargazers

Watchers

Forkers

walter-bd medarshanshah joelepping africademy recovery-health ej-enun abdulmalik-devs abdelbassetelab

boldo-web's Issues

Add Flash Messages

Add flash messages for success, error and info that can provide user feedback where no form is to validate.

The flash message should appear on the top right and disappear after a short time.

It should also be possible to show multiple messages, they should stack below each other.

This is particularly important for the Call. As there are various things that can go wrong and this is the only location which can show them nicely.

They should be rendered globally inside the App.tsx to keep flash messages appear across pages.

Appointment Room States

Every appointment has a room which handles the "Waiting Room UI" and the "Call".

This room has the following states:

No permission - no appointment with given ID for this doctor
Closed - Before and after the appointment
Waiting Room Open - 15 minutes before appointment until appointment marked as finished
Patient is connecting - Establishing Call
Call - Call in Progress

Translate Doctors' Settings Page

fix openAppointments Endpoint

The endpoint is not implementing any logic right now.
Also it doesn't deserve to be it's own endpoint. Instead it should be a query param.

It should

Fetch data
Fetch events from DB
Calculate correct status
return only relevant ones

WebRTC not freeing resources

There is a number of issues related to the call feature. They are all based in missing cleanups of the WebRTC connection.

To fix this:

Read this article: https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling
Esp. the section about the "Ending the call".
Find issues , esp. regarding error handling for unhandled errors, edge cases that might happen (what to call first to avoid glitches and how to end a call correctly to free all resources).
Refactor our code and fix the issues found above

Handle page-reload

Problem:

It is too easy to accidentally leave the page during the call as a doctor. Navigation events and page reloads should require a confirmation during the call.
While in a call, on a page reload, the connection should reestablished.

To Implement 1:

We can make use of a confirm() pop-up on page navigation. This should be triggered for native browser navigation as well as the react-navigation plugin.

This seems to be tricky. Might be fixed after the call is cleaned up.

Add Patient Details

Add Patient Details in the following places:

Calendar (Events, Modal)
Waiting Room Sidebar
Call (Top and Sidebar)

This is available through: iHub-PTI/ihub-core#10

Implement Mute and Turn off Video

Buttons are not implemented currently.

It is not clear how to tackle this issue. It might have todo with the MediaDevice. More research is needed.

Before we tackle this, it seems to be a good idea to cleanup the call.

Also: We should show a visible symbol of muted audio or video on the screen, as those buttons are hidden behind a menu button.