ExposurePro

• 

  ExposurePro Logo

Inspiration

We started this hackathon lacking a specific direction, however, we knew we had a common interest in the healthcare and sustainability spaces. We wanted to make a meaningful impact with our project, so we began searching through public databases. By chance, we found a tool on the California Safe Cosmetic Program (CSCP) that gives users the ability to report or view existing cosmetic products with harmful substances. Though this was a great and simple tool, we realized this type of tool has much more potential if developed on a larger and more robust scale. It is extremely difficult for people to individually track their exposure to the thousands of products that potentially contain these harmful chemicals. If patients have difficulty tracking their exposure, how will medical provider(s) be able to assist them? All of this led to the development of our idea: ExposurePro. This idea is an extension of the existing CSCP tool with the twist of allowing users to store and view their exposure data so that they can maintain awareness and share that information with their healthcare provider(s).

What it does

ExposurePro is an application that helps patients and healthcare providers keep track of patient exposure to dangerous toxins found in cosmetic products. The current version is able to parse and store large datasets with information on cosmetic products reported to have dangerous chemicals and has login features. The complete intended functionality also included a quick search feature for reported products and a database for users to store and view entries of their personal exposure to reported products.

How we built it

First, we ideated ExposurePro and developed a requirements document. Next, we decided on a tech stack, which ended up involving ReactJS, Firebase, JavaScript, Tailwind, HTML, and CSS. The rest of the process was a difficult and non-linear refinement of our skills and ideas.

Challenges we ran into

Our team comprises two people, and this is our first in-person hackathon. Both of us have no experience with Firebase and are beginners in React. Additionally, our project dealt with large datasets(300,000+) with limited API resources.

Accomplishments that we're proud of

• Coding the parsing of the CSV file in Init.jsx
• Integrating many new technologies into a full-stack project.
• Setting up a viable & multi-page authentication flow

What we learned

• Firebase, Tailwind, React, Redux
• API Call Batching
• Separation of concerns
• Delegation of tasks
• Writing design docs quickly

What's next for ExposurePro

A complete version of ExposurePro goes far beyond cosmetic items. ExposurePro could easily expand and be integrated into larger healthcare provider services such as MyChart. Given the data and resources, ExposurePro could track all products containing harmful toxins and chemicals across many products recognized by Prop 65 or other states' datasets. ExposurePro would prove to be a powerful tool that provides a more efficient workflow for medical providers and future patients with an easy and asynchronous way to understand their health.

Built With

• css
• firebase
• html
• javascript
• react
• tailwind