Eco Otter

• 

  Eco Otter Logo

Inspiration

We were inspired by the rising concern around greenwashing and the fact that many consumers want to make sustainable choices but lack the information to do so confidently.

What it does

Eco Otter is a Chrome extension that helps users identify greenwashing and view sustainability data for brands while shopping online.

How we built it

-Built using HTML, CSS, and JavaScript for the popup and content logic. -Data is stored in a local JSON file, converted from ESG data reports. -A content script scrapes brand names from webpages and matches them to the database. -Regex is used to highlight greenwashing keywords. -Sustainability scores are calculated using a weighted algorithm.

Challenges we ran into

-ESG APIs are commercialized and expensive, so we used static data instead. -Defining a universal sustainability metric was difficult due to varied brand focuses. -Scraping brand names across different e-commerce platforms (like Amazon and Shopee) required custom logic for each site's layout.

Accomplishments that we're proud of

-Successfully built a working Chrome extension with real-time webpage analysis. -Created a scoring system that visualizes sustainability clearly for users. -Highlighted greenwashing patterns on live websites directly.

What we learned

-How to build and deploy a Chrome extension using Manifest V3. -The complexity of environmental data and the importance of defining fair metrics.

What's next for Eco Otter

-Integrating a real-time ESG API for live data updates. -Moving to product-level assessments for more accurate reporting. -Using NLP instead of regex for better greenwashing detection. -Adding incentives like discounts through partnerships with sustainable brands.

Built With

• css
• html
• javascript
• manifest