Chronic Chronicles

Chronic Chronicles is an all-in-one chronic disease management app that helps patients and caregivers with diet tracking, medication reminders, drug-food interactions, and healthy food suggestions!

Comment

Inspiration - Our team was mainly inspired by our teammate who has a chronic condition, Juvenile Idiopathic Arthritis. We hope to reduce the burnout of managing such chronic conditions for all ages with our app, by reducing the mental stress of monitoring all the different aspects of it (e.g. food limitations, medication, appointments, tracking of vital signs etc.) On the caregiver side, our app also aims to reduce burnout in long-term care for patients by making it more convenient to monitor, as well as introducing the potential for multiple caregivers to coordinate care through the app, sharing the workload. Furthermore, another goal is to improve care for patients through more efficient monitoring and tracking of chronic conditions and offering personalised food suggestions.

What it does -

Login Page:

  • After entering the patient's email and chosen password, the user can log in as a Caregiver, or as a Patient.
  • Logging in as a Patient requires the Patient to select the conditions they would like to monitor with the app, after which it brings them to the Patient Home Page.
  • Logging in as a Caregiver brings them to the Caregiver Home Page directly.

Patient Home Page:

  • Displays a condensed page with an overview of key information, while each tab offers more detailed insights and dedicated features.
  • Daily medication checklist.
  • Personalised food suggestions based on the Patient's remaining nutrient count for the day.
  • Daily nutrition Intake.
  • Camera function to log food intake.
  • Warnings for drug-food interactions (e.g. Grapefruit).
  • Daily motivational quote.

Patient Medicine Page:

  • Allows the patient to key in the name of their medication along with its dose and frequency, upon doing so it will be added to the schedule.
  • "Take Now" button in the scheduled medication list logs the medication with the current date and time, for easier tracking.

Patient Nutrition Page:

  • AI Component: Patient uploads an image of a specific food, and using AI an estimate of the nutrients it contains is generated. The Patient can confirm the information, and manually input/edit it in the app at a later time.
  • Displays the nutrient intake out of the nutrient limit for the day.

Patient Settings Page:

  • Contains the Patient's personal particulars(Name, Age, Height, Weight) as well as certain vitals (Blood Glucose, Blood Pressure) that the Patient can key in and edit.
  • The Patient's BMI will automatically be calculated and displayed when both height and weight have been inputted.
  • Log Out button that brings the user back to the Login Page.

Caregiver Home Page:

  • Same info as the Patient's Home Page, but with an additional button that allows them to send a reminder to the Patient to consume their medication.

Caregiver Medication Page:

  • Same info as the Patient's Home Page, enabling them to track patient's medication and log it themselves if they are the one administering it to the Patient.

Caregiver Nutrition Page:

  • Same info as the Patient's Nutrition Page, displayed in read-only view.

Caregiver Settings Page:

  • Displays the Patient's particulars and vitals for easy reference.
  • Log Out button.

How we built it - We developed the app using Expo Go and Visual Studio Code as our main tools. Figma was used to design the proposed AI features and visualize the user interface. For version control, we worked with Git branching, which allowed multiple people to work on different parts of the project at the same time.

The app was coded in JavaScript and TypeScript, using React Native components. We set up contexts and providers to handle shared state, such as nutrition counters and user selections, so data could flow seamlessly between Patient and Caregiver modes.

We designed it to be an intuitive app with high contrast elements to make it suitable for all ages to use, and created a Google Forms survey for feedback on our app. We utilised the feedback to change the app's design accordingly.

Challenges we ran into - Our team does not have the technical capabilities to create AI for our prototype, hence we had to use Figma to demonstrate our idea. Our colour scheme was also edited a few times to improve visibility.

Accomplishments that we're proud of - Creating a working prototype with the main features we intended to implement. As students, it was our first time creating an app from scratch and there were many things we had to self-learn through this hackathon, making it a rewarding experience.

What we learned - Deeper insight into the troubles faced by those with chronic conditions, and how it affects caregivers as well. On the software side, we learnt how to navigate through a new tech stack and programming languages, and also gained a look into how coding can be applied to real-life scenarios.

What's next for Chronic Chronicles -

  1. Pairing with wearable healthcare monitoring devices to sync tracking and monitoring of vitals in real-time, bypassing the need for Patient's to log this information into the app. It would also allow for a real-time alert or warning to be sent to the caregiver in the event of abnormal vitals.
  2. Integration with Healthhub for seamless profile setup and record access, reducing the need for manual input of medication.
  3. Support groups and community channels for Caregivers and Patients alike to share their troubles and form bonds with others.

Built With

Share this project:

Updates