Overview

This component retrieves detailed product information based on a product code (EAN/UPC barcode) by using the Open Food Facts API. The component makes a GET request to the Open Food API and displays relevant product data including product name, brand, quantity, image, nutritional information, and more.

API Used

API Name: Open Food Facts API
Base URL: https://world.openfoodfacts.org/api/v0/product/
Format: https://world.openfoodfacts.org/api/v0/product/{product_code}.json
HTTP Method: GET
Response Format: JSON

Features of the Component

• Accepts a product code input (numeric EAN/UPC).
• Calls the Open Food Facts API.
• Parses and displays:
  • Product name
  • Brand
  • Quantity
  • Image
  • Ingredients
  • Nutritional facts per 100g
  • Categories
  • Packaging

Rate Limiting & Usage

• Open Food Facts is free and open, but it is encouraged to:
  • Cache responses when possible
  • Avoid unnecessary repeated calls
  • Consider using their official SDKs or exporting data for bulk use

Dependencies

• No authentication required
• RESTful API — no SDK needed
• Works with plain fetch () or Axios

Note

• Barcode must be valid EAN/UPC (typically 8 to 13 digits)
• API is read-only
• Supports multiple languages (via query parameter lc=en, etc.)
• Data is crowdsourced and not always complete