File size: 1,743 Bytes
2047be4 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | ---
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](https://huggingface.co/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](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.
|