NimbleAnsah Studio
Back to Portfolio
Frontend

FoodIQ - Product Scanner

FoodIQ helps users make better food choices with clear nutrition details. Scan barcodes or search products to see Nutri-Score, ingredients, allergens, and health tips. Powered by Next.js and OpenFoodFacts for fast, reliable data.

FoodIQ is a free web application that helps you discover detailed nutritional information about food products. By simply entering a product barcode or searching by name, you can access comprehensive data including:

  • Nutritional Facts - Calories, fats, proteins, carbs, vitamins.

  • Ingredients List - Complete breakdown of what's inside.

  • Nutri-Score Rating - Easy-to-understand health score (A-E).

  • Allergen Warnings - Important safety information.

  • Health Tips - Personalized recommendations.

  • Better Alternatives - Suggestions for healthier options.

All data is sourced from OpenFoodFacts, a collaborative, free, and open database of food products from around the world.

Key Features

  • Barcode Scanning : Advanced camera-based barcode scanning using the barcode-detector library supporting multiple formats (EAN, UPC, Code 39, Code 128, ITF)

  • Product Search : Intuitive search functionality by product name or barcode with autocomplete suggestions.

  • Nutritional Insights : Detailed nutritional information including Nutri-Score, NOVA, and Eco-Score ratings.

  • Health Recommendations : Personalized health tips and alternative product suggestions.

  • Responsive Design : Fully responsive interface optimized for both desktop and mobile devices.

  • Daily Health Tips : Rotating health tips section to promote better eating habits.

  • Tap to Focus : Manual camera focusing capability for improved barcode scanning accuracy.