Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
66 changes: 66 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
```md
# Sustainable-Food-Tracker
Track food’s sustainability footprint from scan to reward 🌿

Deployed Link: https://6917bdee950026f7bc8f2bbc--scintillating-bubblegum-952195.netlify.app/

## 🎯 Project Overview
Sustainable-Food-Tracker is a web-based application built with HTML & JavaScript that lets users:
- Scan—or manually enter—food items
- View sustainability, nutritional or environmental impact history (`history.html`)
- Earn and redeem rewards for choosing sustainable food (`rewards.html`)
- Browse scan results (`scan.html`)
- Start at the main landing page (`Index.html`)

The goal: empower users to make food choices that are more environmentally friendly and socially responsible.

## 🔧 Features
- Clean, intuitive UI built in HTML + JS
- Separate pages for different user workflows
- Straightforward file-based structure—easy to extend
- Focus on sustainability: tracking the impact of food choices

## 🧱 Folder Structure
```
/
├── Index.html → Landing / home page
├── scan.html → Page to scan or enter food item
├── history.html → Page to view past scanned items & impact
├── rewards.html → Page to view & redeem rewards
└── server/ → Backend or assets folder (if present)
```

## 🚀 Getting Started
### Prerequisites
- A modern web browser
- (Optional) Local server such as `live-server` or Node.js/Express

### Running
```bash
git clone https://github.com/jakharmonika364/Sustainable-Food-Tracker
cd Sustainable-Food-Tracker
```

Open `Index.html` directly in your browser
**or** run a local server:

```bash
npx live-server
```

Visit the generated localhost URL.

## 🛠 How to Use
- Open **Index.html** to start
- Use **scan.html** to scan/enter food items and get sustainability data
- Use **history.html** to view your scanned history
- Use **rewards.html** to see and redeem your sustainability rewards

## 📌 Planned Enhancements
- API integration for real sustainability metrics
- User authentication + personalized tracking
- Data visualization (charts, graphs)
- Gamification (badges, leaderboard)
- Fully responsive design for mobile
Issues & suggestions are welcome!
```