MedApp
Timeline: Sep 2020 – May 2021
Individual Research Project with a Supervisor
MedApp is the project I researched, designed, developed and tested as part of my final year research project. It is an all-in-one system that can be used in hospitals to manage and schedule medical appointments between patients and their medical professionals (doctors or nurses). It also has the additional benefit of allowing doctors to provide their patients with a digital alternative to traditional prescriptions. This is generated when the doctor fills out a form to create a new prescription. Once this is created, a QR code is generated which can then be used at a pharmacy to retrieve medication. The pharmacist has their own QR code scanner to verify the prescription and update the collection status. This is a simple step to avoid a single-use prescription from being used more than once, or at another pharmacy.
This application was built using HTML, CSS and JavaScript using the MERN Stack of apps (MongoDB, ExpressJS, ReactJS and NodeJS). The front-end was design using IBM’s Carbon Design System.
My supervisor for this project was one of my lecturers, Mohammed Cherbatji.
Below you can see a Video showcase of this project and screenshots of the application’s design.
VIDEO SHOWCASE
This is a video showcase of MedApp. This will give you a full walkthrough of the application. Closed captions are enabled for this video. To view them, click the [CC] button in the bottom right hand corder of the video controls - beside the settings icon.
Click / tap on the screenshots below to enlarge them.
MedApp Dashboard
Book an Appointment (Used by Patients Only)
View Appointments
Create a Prescription (Used by Doctors Only)
View a Digital Prescription with a QR Code
Pharmacy Scanner (Used by Pharmacists Only)
Pharmacy Scanner Updating Prescription Collection Status (Used by Pharmacists Only)
SEE THE PROJECT CODE ON GITHUB
Click or tap the buttons below to view the source code for this project. This project is split up into two parts, a front-end and back-end. Each have their own GitHub repository. The GitHub repositories also include installation instructions on how to run this project on your computer.
FINAL PROJECT PRESENTATION
As part of this project, a final presentation was put together and presented as part of the overall grading. This was followed by a demonstration of the application, similar to the video showcase on this page. If you are interested in talking a look at these presentation slides, click or tap the button below to take a look.