NutriSustain

Inspiration

I was inspired by the growing problem of food waste and its impact on both the environment and personal budgets. At the same time, I wanted to build something that also promotes healthier living. NutriSustain combines these goals by using AI to help people waste less and eat smarter.

What it does

NutriSustain tracks groceries, expiry dates, and consumption using OCR and real-time alerts. It generates AI-driven recipes from expiring items, supports health tracking with metrics and PDF uploads, and provides analytics dashboards for trends, waste analysis, and efficiency scores.

How we built it

Frontend: React 19.1.1 with Recharts for charts and Tesseract.js for OCR. Backend: Express.js with MongoDB for storage, Node-Cron for automation, and WebSocket for real-time updates. AI Integration: Azure OpenAI for recipe generation, health analysis, and nutrition insights.

Challenges we ran into

Making OCR reliable across different receipt formats. Managing expiry alerts with real-time WebSocket communication. Designing a smooth, responsive UI with optimistic loading. Extracting text from image due to parsing problems.

Accomplishments that we're proud of

Built a full working prototype with 7 AI-powered features, entirely from scratch — including design, development, testing, and integration. Created real-time grocery tracking with automated expiry checks, addressing the fact that over 30–40% of food in the U.S. is wasted each year, costing families thousands of dollars. Designed and implemented an interactive analytics dashboard to provide clear insights on waste reduction, savings, and health improvements. Proud to have explored every level of the stack — from frontend design to backend logic, AI agent integration, and real-time communication.

What we learned

I learned how to integrate OCR with AI, optimize React apps for performance, and apply AI in ways that create real-world impact in sustainability and health.

What's next for NutriSustain

Mobile app version for broader reach. Grocery delivery service integrations. Advanced health features with wearable syncing. Community tools for sharing recipes and tips.

Built With

• 3d-chart-effects
• ai-integration
• amazon-web-services
• analytics-dashboard
• api-integration
• azure-openai-(gpt-4o-mini)
• azure-openai-vision-api
• camera-integration
• cloud-hosting
• code-splitting
• component-memoization
• cors
• cross-origin-resource-sharing
• crud-operations
• css-animations
• css-custom-properties
• css3
• custom-prompts
• data-aggregation
• data-sanitization
• data-visualization
• database-operations
• dnd-kit
• dotenv
• environment-variables
• express.js
• file-processing
• file-upload-apis
• full-stack-development
• git
• github
• glassmorphism-ui
• health-analysis
• health-intelligence
• heroku
• html5
• input-validation
• javascript-(es6+)
• jsdoc
• lazy-loading
• markdown
• mern-like-architecture
• mobile-first-design
• modern-ui/ux
• mongodb
• mongodb-atlas
• mongoose
• multer
• netlify
• node-cron
• node.js
• npm
• nutrition-facts
• ocr
• optimistic-ui
• package-management
• pdf-extraction
• pdf-parse
• performance-optimization
• react-19.1.1
• react-webcam
• react.memo
• real-time-communication
• recharts
• recipe-generation
• responsive-design
• restful-apis
• scheduled-tasks
• secret-management
• security-implementation
• smart-grocery-management
• sustainable
• technology
• tesseract.js
• usememo
• vercel
• version-control
• waste-calculation
• websocket-(ws)
• websocket-apis
• websocket-notifications