Browser extension that surfaces Nutri-Score, Eco-Score, NOVA group, and front-of-package warnings directly on grocery store product pages - without leaving the store.
This project is part of Google Summer of Code 2026
A floating button appears on supported store pages. Hover it to see a score card pulled live from the Open Food Facts database, matched by the product's barcode extracted from the page URL.
The popup lets you toggle the overlay per store and switch between supported countries.
Supports Chromium-based (Chrome, Edge, and more) and Gecko-based (Firefox, and more) engines.
| Country | Stores |
|---|---|
| Canada | Metro, Walmart |
| France | (coming soon) |
| India | (coming soon) |
npm install
# Dev mode
npm run dev:chrome
npm run dev:firefox
# Production build
npm run build:chrome
npm run build:firefox
# Packaged zip
npm run zip:chrome
npm run zip:firefox# Run all tests
npm test
# Run tests with coverage report
npm run test:coverageSee tests/README.md for full details on test structure and coverage.
| Package | Version | Purpose |
|---|---|---|
| Open Food Facts API | v2 | Product nutrition and score data |
| WXT | 0.20.x | Browser extension framework (Chrome MV3 + Firefox) |
| React | 19.x | UI components and hooks |
| TypeScript | 5.x | Type-safe source |
| Tailwind CSS | 4.x | Utility-first styling |