README.md

metadata

title: Food Waste Reduction Assistant
emoji: 🥗
colorFrom: green
colorTo: blue
sdk: docker
pinned: false

Food Waste Reduction Assistant

A premium, sustainably-minded web application that helps users track their grocery inventory, predicts expiry dates, and suggests recipes to reduce food waste.

Features

• Smart Inventory Tracking: Log items and let AI (via n8n) predict expiry dates.
• Recipe Suggestions: Get recipe ideas based on what's expiring soon.
• Waste Analytics: Dashboard to track your impact (Waste Avoided, Money Saved).
• Premium UI: Glassmorphism design with a focus on aesthetics and usability.

Tech Stack

• Frontend: HTML5, CSS3 (Custom Glassmorphism), JavaScript (Vanilla).
• Backend: n8n (Workflow Automation & AI Integration).
• Deployment: Compatible with Hugging Face Spaces (Static HTML).

Deployment Guide (Hugging Face Spaces)

1. Create a Space:

   • Go to Hugging Face Spaces.
   • Create a new Space.
   • Select "Static HTML" as the SDK.

2. Upload Files:

   • Upload index.html, style.css, app.js, and config.js to the root of your Space.

3. Live:

   • Your app will be live immediately!

Setup with N8N

This application requires an n8n backend to handle data storage and AI predictions. See N8N_GUIDE.md for detailed instructions on setting up the workflows.

Configuration

1. Open your deployed app.
2. Go to the Settings tab.
3. Enter your n8n Webhook Base URL.
4. Click Save.

Developer Note

• The app runs in Mock Mode by default if no n8n URL is provided. This allows you to explore the UI without a backend.