NutriNudge is a browser extension designed to help users make informed food choices by providing detailed health analyses of packaged food products. The extension scans product pages and uses AI-powered analysis to provide insights on nutritional value, harmful ingredients, allergen information, and suitability for specific dietary preferences like vegetarian or diabetes-friendly diets. The goal of NutriNudge is to empower consumers to understand the impact of their food choices on health in a simple and user-friendly way.
- Nutritional Analysis: Understand the nutritional content of packaged food items with easy-to-read labels showing high and low nutrient levels.
- Health Impact: Detailed analysis of ingredients and processing levels, highlighting harmful substances.
- Dietary Preferences: Provides insights for special dietary needs, such as diabetes, allergies, and vegetarian options.
- OpenFoodFacts Integration: Uses OpenFoodFacts API to fetch information not available directly on product pages.
- Gemini AI Integration: Uses the Gemini model for generating a health analysis report.
- It is yet to be deployed, but you can run it locally.
- Navigate to any product page (currently supported on Blinkit).
- Click on the NutriNudge icon to activate the extension.
- Enter your dietary preferences (e.g., diabetes, specific allergies).
- The extension will analyze the product information, generate insights, and display the results in an easy-to-read format.
To test NutriNudge locally:
- Node.js and npm installed.
- Google Chrome for loading the extension.
- Clone the repository:
git clone https://github.com/Yugal41735/nutri-nudge.git
- Navigate to the project directory:
cd nutri-nudge - Install the necessary Node.js dependencies:
npm install
- Start the backend server:
node server.js
- Open Google Chrome and navigate to
chrome://extensions/. - Enable Developer mode in the top right corner.
- Click on Load unpacked and select the
nutri-nudgeextension directory.
- Ensure the backend server is running (
node server.js). - Navigate to a supported product page (e.g., Blinkit).
- Click on the NutriNudge extension icon in your browser.
- Enter your preferences and click Analyze.
- The extension will display the product analysis.
- Visit a supported product page.
- Click the NutriNudge icon in your browser toolbar.
- Enter your preferences and click Analyze.
- View the health insights, including high and low nutrients, harmful ingredients, and allergen warnings.
Below are some screenshots of the NutriNudge extension in action:
-
Main Extension Interface:
-
Loading Screen:
-
Product Analysis Results:
-
Product Recommendation and NutriScore Grade:
- JavaScript: For DOM manipulation and handling events.
- HTML/CSS: For designing the extension's popup and modal interface.
- Node.js/Express: For backend support and integration with Gemini AI.
- Google Generative AI (Gemini Model): To provide health-related insights.
- OpenFoodFacts API: To fetch nutritional information for products.
- Multi-Platform Support: Extend support for other popular grocery platforms such as BigBasket and Swiggy Instamart.
- Mobile Plugin: Develop a mobile app version to analyze products in mobile grocery apps.
- UI Enhancement: Directly update product pages with health information to provide an in-context view for users.
- Personalized Recommendations: Provide users with healthier alternative products based on their preferences.
- Handling Missing Product Information: Some product pages lacked necessary details, which led us to use OpenFoodFacts API to fill in the gaps.
- CORS Issues with APIs: Faced challenges related to cross-origin requests during integration with external APIs.
- JavaScript Parsing: Parsing raw output from the Gemini AI required careful sanitization, including removing unwanted JSON markers like backticks.
Feel free to submit a pull request to suggest improvements or fix any issues.
NutriNudge is here to make informed food decisions easier. Know what you eat, and stay healthy! 🚀