Skip to content

MindfulCart/MindfulCart_Extension

Repository files navigation

MinfulCart_Chrome_Extension c

Table of contents

  1. Project Description
  2. Inspiration
  3. Challenges
  4. Tech Stack
  5. Team
  6. Data
  7. Video
  8. How to Install and Run
  9. Badges

Poject Description

Our extension, similar to the Honey Google Chrome extension, is accessible on e-commerce sites, with our current focus being Amazon for the purpose of the hackathon. The MindfulCart extension alerts users in a popup accessible in a single click if any harmful ingredients are present in the products they are browsing. This provides users with valuable information to make informed decisions about the products they purchase and encourages them to choose healthier and more environmentally friendly options.

Inspriation

Our motivation for this project stemmed from our struggles to find safe and healthy food and treats for our pets, given the relatively lax regulations for pet food and the prevalence of filler ingredients.

While our initial inspiration was to address this issue, we ultimately decided to prioritize the development of an ingredient and health-conscious extension/application for humans. Our goal is to promote sustainable and environmentally-friendly purchasing habits, as well as healthy choices for people. In the future, we plan to expand our project to include information and features that cater to pet owners, providing them with reliable information on pet food ingredients and nutritional values!

Challenges

Our project comprises both a website and a Google Chrome extension, which were built using Plasmo, React, TypeScript, HTML, CSS, and SASS. While developing our project, we encountered challenges in getting our extension to interact with e-commerce sites like Amazon, as we were working with the Google Chrome API for the first time. As a result, we pivoted from building the extension from scratch to using Plasmo. This helped us overcome the challenges and enabled us to focus on delivering a quality product that empowers users to make informed and sustainable purchasing decisions.

Tech Stack

Team

HTML tutorial HTML tutorial HTML tutorial

Data

We sourced our data from various government agencies around the world such as the United States FDA & European FSA. General data structure for substance data:

{
                "id": 1,
                "name": "Aflatoxins",
                "description": "are a group of highly toxic and carcinogenic substances produced by certain species of Aspergillus fungi that commonly contaminate food crops such as peanuts, corn, and other grains. They are potent liver carcinogens and can cause DNA damage, oxidative stress, and immune suppression.",
                "category": "Carcinogen",
                "url": "https://ntp.niehs.nih.gov/ntp/roc/content/profiles/aflatoxins.pdf"
            }

Video

Youtube

How to Install and Run

After downloading source code and downloading pnpm if not already installed run the following commands:

pnpm install pnpm run dev

Go to chrome extensions and toggle the developer mode radio. click load unpacked and select the build/chrome-mv3-dev folder in the project directory.

Badges

GitHub all releases GitHub forks GitHub commit activity GitHub contributors GitHub forks

About

Mindful Cart Chrome Extension

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published