Open Food Facts explorer: the modern JS frontend to Open Food Facts

Features

• Uses the official Open Food Facts NodeJS SDK
• Basic editing
• Product page display, including Knowledge Panels support
• Search
• Login support (simple login)
• Folksonomy Engine Support

Roadmap

• Image editing
• Image upload
• Support for Open Prices
• Support for Search-A-Licious (including facets)

Developing

This project uses pnpm. If you have corepack enabled, you should be able to directly use pnpm commands. Otherwise, you can install pnpm with npm install -g pnpm.

First, install dependencies:

pnpm install

Then start the development server:

pnpm run dev

# or start the server and open the app in a new browser tab
pnpm run dev -- --open

Building

To create a production version of your app:

pnpm run build

You can preview the production build with pnpm run preview.