MedLab Help

As every patient knows, medical jargon can be confusing for even the most routine of tests. That's why we created MedLab Help. We wanted a user-friendly guide to help you understand lab tests and give you the knowledge to allow you to be proactive in your healthcare by explaining why a test may be ordered by your doctor and what the normal range of reference for your results should be.

Back-end Repository

This repository contains the back-end code for MedLab Help, built in Python using the Django web framework. The back-end is responsible for handling data storage, API endpoints, and the delivery of data to the front-end.

Technologies Used:

• Python
• Django
• PostgreSQL

The back-end repository can be found here

Front-end Repository

This repository contains the front-end code for MedLab Help, built in TypeScript using React.The front-end is responsible for creating an interactive and visually appealing user interface while connecting to the back-end.

Technologies Used:

• TypeScript
• React
• Bootstrap
• HTML
• CSS

The front-end repository can be found here

Installation and Configuration

You can locate installations and configurations inside both the back-end and front-end repositories.

Demo

The demo for MedLab Help can be found here

Navigating MedLab Help

- Home Page

- About Page Fig. This example displays the MedLab Help About Page where you can learn more about the team.

- Tests Page Fig. This example displays the MedLab Help Tests Page where you can search for a specific test.

Fig. This example displays a search fetaure, filtering through the list of lab tests to get a specific test from the user input.

Fig. This example displays a modal after clicking on the specific lab test, showcasing tests details such as a test's description, normal reference, unit of measure, alternate names, and additional link to learn more.

- Panels Page Fig. This example displays the Medlab Help list of panels, accessible through the navbar by hovering over the panels tab. When minimized or when viewing in smaller screens, the panels tab is clickable only.

Fig. This example displays the search feature within the Panels tab, filtering through the list of panels to get a specific panel from the user input.

Fig. This example displays a list of tests associated to the selected panel from the list of panels.

Fig. This example displays a modal after clicking on the specific lab test from the list of tests associated to the selected panel, showcasing tests details such as a test's description, normal reference, unit of measure, alternate names, and additional link to learn more.

- Organs Page Fig. This example displays the Medlab Help list of organs, accessible through the navbar by hovering over the organs tab. When minimized or when viewing in smaller screens, the organs tab is clickable only.

Fig. This example displays the search feature within the Organs tab, filtering through the list of organs to get a specific organ from the user input.

Fig. This example displays a list of tests associated to the selected organ from the list of organs.

Fig. This example displays a modal after clicking on the specific lab test from the list of tests associated to the selected organ, showcasing tests details such as a test's description, normal reference, unit of measure, alternate names, and additional link to learn more.