Skip to content

CruzHacks-2022/frontend

Repository files navigation

FRONT END

This branch is the one shown in the dev post

💡 Inspiration

Albert's father suffers from diabetes. He has to take a lot of pills in order to deal with it. However this leads to a lot of confusion in keeping track of each pill and what it does. Mr. Lee's plight is also the plight of many others, and it can lead to fatality. Every year, 7,000 to 9,000 people die from accidentally taking the wrong mediciation. Thus we felt it was important to develop a way to solve this problem and ensure we can provide information about medications in a timely manner without difficulty.

💻 What it does

Remedia allows users to locate information about their medications through 3 methods:

  • Taking a picture of your medication
  • Searching the brand name (e.g. Advil) or the scientific name (e.g. Ibuprofen)
  • Selecting the feature of a pill such as color, imprint, shape

When the user does the following, they are given information from our automated information retrieval system about the medication and provided the following information:

  • How to store the medication
  • Side-effects (color-coded based on the severity)
  • Signs of Overdose
  • What to do if you or a loved one is experiencing an overdose

⚙️ How we built it

To allow for our app to work online, we used:

  • Flask
  • Docker
  • Google Cloud Run

We used React Native and Expo to develop our cross-platform

To develop the scraper, we used:

  • Beautiful Soup Library
  • Python
  • Data from Drugs.com (for Pill Identification) and MedlinePlus (for Drug Information)

We used the Google Cloud Vision API to recognize the medication and that API talks to the scraper which finds the drugs that are the closest match.

To design the application we used React Native and Expo as they were scalable frameworks that allow us to develop cross-platform apps.

🧠 Challenges we ran into

  • Pill Identification: This as one of our hardest issues. Our initial plans included using the pitcure of a pill. Implmenting this wasn't possible in the time alotted, so we went to a more accurate alternative of using radio buttons that ask for the color, imprint, and shape of the pill.
  • Web Scraping: As Albert eloquently stated, "Web scraping is hard." We ran into a lot of issues with web scraping, such as handling data, and ensuring proper formatting as trademark symbols would mess things up. It took a lot of delicate handling and formatting in order to ensure any data that was scraped would not break the design of our application.
  • Altering the design: While this wasn't our most difficult challenge, we ran into issues with designing our application as running the app on Web (which it wasn't designed to do) led to the contents of the main page being autoscrolled down. To fix this, we designed with static data and then once we completed designing, we added our dynamic data and everything went smoothly.
  • Time: We did not have a lot of time on our hands. This pushed us to do planning early on because as opposed to creating eveyr little feature possible, we looked at our goals and crafted a plan for our MVP (Minimum Viable Product) and then certain additions we can add if time permits us to do so. We were able to create our MVP with time left, and thus we proceeded with our modified version of pill identification.

🏅 Accomplishments that we're proud of

  • Scraping the data from the web in the given time frame.
  • Using the Google Cloud Vision API to recognize the image.
  • Developing an automated system that provides information about 6000+ drugs.
  • Building the full application in the given time frame.
  • Having an application with a strong design language that is clean and intuitive.
  • Creating a scalable application that lets us add more features that will make this app even more useful.

📖 What we learned

  • Albert: "What I learned while doing this app in my first hackathon was primarily webscraping and backend work. Beautiful soup is beautiful and sadly very very soupy navigating through disperate websites was complicated and many comprimises were made in creating the backend. Flask, Docker, and google cloud run were essential and I had a lot of fun working with backends and postman which lets me access the backend."
  • Ameya: "This is the first time I used React Native. I heard of it before but I never used it until now. It was a really awesome experience. Additionally, learning about the frequnency of people taking the wrong medications was eye-opening and I'm glad to have helped developed this app."
  • Ankur: "Cruzhacks 2022 is my first-ever hackathon and I learned to query data effectively. We had 6,000 lines of drug data so we have to query them effectively to make it work. It was my largest challenge. I learned how to use Google Cloud Vision API to find the pill from the pill bottles. I learned how to launch things into Cloud Run without having to deal with local backend."
  • Harshal:

🚀 What's next for Remedia

We're genuinely just scratching the surface with Remedia. We have two features we plan on adding:

  • Letting users take an image of their pill for search: We wanted to have that feature work just like the medication box. We had to use our workaround fo the radio buttons, but we hope to fix the shortcomings we faced in the future.
  • Creating a medication scheduler: We plan to make a scheduling feature that uses the information provided by our data in order to have a calendar that lets users know when to take their medication. This feature would expand usability of our app even further.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •