Inspiration

Food waste is a major global problem, and many households struggle to keep track of pantry items. WasteZero Chef was inspired by the need to reduce food waste, save money, and make cooking easier. The idea came from seeing friends discard ingredients that could have been used and wanting a smart, AI-powered pantry assistant.

What it does

WasteZero Chef is a smart pantry tracker that helps users:

Keep real-time inventory of all pantry items.

Receive alerts for items running low or nearing expiration.

Generate recipe suggestions based on available ingredients.

View analytics on usage trends to optimize shopping and reduce waste.

Make informed, sustainable choices while cooking — all through an intuitive, user-friendly interface.

How we built it

The application was built using:

Frontend: Next.js, React, Material-UI, Framer Motion for UI interactions.

Backend / Database: Firebase for real-time data storage and user management.

AI / Recipe Generation: OpenRouter / LLAMA API for generating recipes, cultural context, and sustainability insights.

Other Tools: Axios for API calls, Chart.js for inventory analytics, TensorFlow.js for image recognition of pantry items, React Toastify & Notistack for notifications, jsPDF & html2canvas for exporting reports.

Pages / Components: Dashboard, Inventory, Recipe Generator, Inventory Analysis, Profile Modal, and more.

Challenges we ran into

Integrating real-time inventory tracking with image recognition.

Ensuring the AI-generated recipes matched actual available ingredients.

Designing intuitive notifications for expiry alerts without overwhelming users.

Handling Firebase authentication & database syncing reliably across multiple devices.

Balancing AI response speed with the web interface for a smooth UX.

Accomplishments that we're proud of

Successfully built a fully functional pantry tracker with real-time updates.

Integrated AI-generated recipes with sustainability scoring and time-saving estimates.

Created an interactive analytics dashboard showing trends in food usage.

Developed a user-friendly interface allowing seamless navigation between inventory, recipes, and analytics.

Enabled image-based pantry item recognition using TensorFlow.js for easy item addition.

What we learned

How to integrate AI/LLM APIs with a live, reactive frontend.

Techniques for image recognition in web applications.

Managing state and real-time data with Firebase and React.

The importance of UX and notification design in utility applications.

How to structure a project for scalability and easy addition of new features like sustainability metrics or multi-language recipe generation.

What's next for WasteZero Chef

Enhance AI suggestions: Add dietary preferences, regional cuisine options, and sustainability scoring.

Advanced expiry prediction: Use historical data to predict spoilage patterns.

Social sharing: Allow users to share recipes and pantry tips with friends.

Mobile App Version: Create iOS/Android apps for easier on-the-go pantry management.

Gamification: Reward users for reducing food waste with badges or points.

Integration with grocery APIs: Suggest nearby grocery items when stock runs low, reducing unnecessary trips.

Built With

  • and
  • and-llama-via-openrouter-for-ai-recipes.-uses-axios
  • built-with-next.js
  • chart.js
  • deployed
  • firebase-(realtime-db-&-auth)
  • framer-motion
  • html2canvas
  • is
  • jspdf
  • material-ui
  • on
  • react
  • tensorflow.js
  • toastify/notistack
Share this project:

Updates