Eat Healthy, Live Strong
NutriSense is an intelligent, interactive web platform addressing the critical lack of authentic nutrition data for diverse Indian diets. It helps users effortlessly search, filter, and understand comprehensive nutritional breakdowns (macros, vitamins, fiber) for Indian meals, empowering healthier eating by transforming guesswork into informed decisions.
NutriSense is designed as a smart, interactive website with the following core functionalities:
- Comprehensive Indian Food Database: Built from
foods.json, offering detailed nutrition for Indian dishes. - Advanced Search & Filtering: Dynamic search and extensive filters (nutritional ranges, categories, cuisines, dietary restrictions).
- Intuitive User Interface & Responsive Design: Easy-to-navigate layout that adapts seamlessly across all devices.
- Detailed Nutritional Breakdowns: Presents granular data beyond simple calorie counts for "actual data that matters."
- Empowering Decisions: Helps users make informed choices, eliminating guesswork in daily nutrition.
For an in-depth look at our submission guidelines and all project documentation, please VISIT OUR DETAILED INFO PAGE HERE!
Built with HTML5 (structure), CSS3 (styling & responsiveness), and Vanilla JavaScript (all interactive logic). All food data is stored locally in foods.json. It's a 100% client-side "Single Page Application" (SPA) – meaning everything runs in your browser without a backend server, making it fast and easy to deploy on platforms like GitHub Pages. We also used Font Awesome for icons, Google Fonts for typography, and Formspree for our contact form.
Getting NutriSense running on your computer is super easy since it's a client-side project that works directly in your web browser!
- Download as a ZIP (Easiest!): Go to the project's GitHub page (
https://github.com/neo-athelios/CodeClash2.0), click the greenCodebutton, thenDownload ZIP. Once downloaded, unzip the file (e.g.,CodeClash2.0-main.zip) to create the project folder.
- Open the newly unzipped project folder (e.g.,
CodeClash2.0-main). - Double-click on the
index.htmlfile inside. It will automatically open in your default web browser.
That's it! Your NutriSense project is now running locally. You can use the search and filter options to explore different Indian food nutrition data.
- VS Code: Our primary IDE.
- GitHub: For version control & hosting (GitHub Pages).
- GitHub Copilot: For AI-powered code suggestions.
- Unsplash: Hero section image.
- Formspree: Seamless form submissions.
- Icons8: Design icons.
- Gemini 2.5 Flash: For documentation & content.
We thank the following individuals for their contributions:
Raw data sourced from: Indian-Food-Insights - EDA - thanks to @BatthulaVinay
We've successfully built a functional basic prototype of NutriSense with complete core documentation. Additional updates and future enhancements can be tracked through our issues history on GitHub.
Last Updated: Tuesday, June 24, 2025, 2:45 AM IST