See the true story behind the barcode. Go beyond a simple score and uncover the real-world impact of any product—from its packaging to its origins—with a single, powerful scan.
In today's world, consumers want to make sustainable choices, but they face a significant information gap. Product labels are often vague or misleading ("greenwashing"), and even official ratings like an "Eco-Score" don't explain the why behind the grade. This lack of transparency makes it nearly impossible for the average person to practice responsible consumption, directly hindering the progress of UN Sustainable Development Goal 12.
EcoScan is a mobile-first web application that bridges this gap. By scanning a product's barcode, users get an immediate, easy-to-understand, and actionable sustainability report.
Instead of just a single score, we provide a detailed Sustainability Breakdown across three key pillars:
- 📦 Packaging Analysis: Is the packaging recyclable? Is it made from problematic materials like plastic?
- 🌍 Ingredient Origins: Are the ingredients sourced locally, or do they have a large transportation footprint? Is the origin known at all?
- 🏆 Production Method: Does the product carry meaningful certifications like Organic or Fair Trade that ensure ethical and sustainable practices?
EcoScan empowers consumers to make informed decisions at the exact moment they are needed most—in the store aisle.
- Barcode Scanning: A simple interface to begin the product analysis (simulated in the current version).
- Holistic Sustainability Report: An overall score combined with a detailed breakdown of environmental factors.
- Health & Allergen Snapshot: Provides crucial nutritional levels and allergen alerts for a complete product view.
- Transparency Call-to-Action: If data is missing, we encourage users to contribute to the open-source community via a direct link to the Open Food Facts product page.
- Fully Responsive Design: A beautiful and seamless experience on both mobile and desktop devices.
- Framework: Next.js 14 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: Shadcn/UI
- Icons: Lucide React
- Primary Data Source: Open Food Facts API
- Deployment: Vercel
To run this project on your local machine, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/ecoscan.git
-
Navigate to the project directory:
cd ecoscan -
Install dependencies:
npm install # or yarn install, or pnpm install -
Run the development server:
npm run dev
-
Open your browser and navigate to http://localhost:3000 to see the application running.
This project would not be possible without the incredible open-source community behind Open Food Facts. Thank you for providing the data that powers our mission for a more transparent world.