Have you ever wondered what goes into your skincare? Besides the obvious active ingredients that we tend to seek out to improve our skin quality, many skincare products contain non-FDA-approved compounds that can be harmful to us. Products you love might be negatively impacting your health. With the Skintelligence web app, users can use an interactive search algorithm to find products they use and see how they may impact their health. Skintelligence also has the ability to make recommendations of products that are fit for use based on the user's inputted skin type and price range.

Inspiration

As a person who uses skincare with friends who are also passionate about it, I felt that it was an injustice that so many harmful chemicals could be inside the products we use. Also, a lot of friends like to ask me for skincare recommendations, so I thought it would be nice to create a website that could provide that service for them right at their fingertips. - Maha Kanakala

What it does

Skintelligence allows users to input the name of their skincare products via a search bar or a barcode reader and uses that information to inform the reader about the potential hazards of using such a product. Skintelligence is also able to recommend a cleaner, healthier skincare routine that corresponds with their preferences like products that work with their skintype, are in their price range, and fit the type of routine they want (AM or PM).

How we built it

We built the webapp using typescript and Next.js. The datasets were analyzed using Python scripts.

Challenges we ran into

We ran into several challenges in the making of our webapp:

  • We originally tried to implement the barcode scanner using OpenCV and were unable to proceed with that process because of difficulty and frustration.
  • We decided to use MongoDB because the datasets we needed were initially in CSV format, which was challenging to work with since our preferred format was TypeScript. However, we encountered difficulties connecting it to VS Code. Additionally, importing the entire CSV file was time-consuming due to its numerous components. -

Accomplishments that we're proud of

We are proud that we were able to create an interactive website that helped achieve our goals regarding informing people about the crucial components of their skincare that may do more harm than good. We used a lot of Data analysis techniques to extract information about toxic products and see if there was any relationship between brands, price, and the number of toxins in a product.

What we learned

Our team members were all in different stages of learning. Some of us learned to use react components and learned more about Typescript and Next.js in general. Others of us learned how to create databases from the CSV files in MongoDB.

What's next for Skintelligence

We believe that Skintelligence is a concept with a lot of potential in our day and age. With the increasing amount of interest, from women and men alike, in skincare, we believe more people deserve the ability to know what goes into the products they use. I mean, it's only fair we know we're not doing any harm when we're just washing our faces, right? Also, we acknowledge that our datasets for different skincare products are not all-encompassing, so we encourage users to add products we may have missed as a GitHub issue. We have implemented the Automation Action to remind us monthly to add these products to our databases to make Skintelligence more accurate and user-friendly.

Built With

Share this project:

Updates