Skip to content

README.md

Latest commit

 

History

History
66 lines (54 loc) · 2.22 KB

README.md

File metadata and controls

66 lines (54 loc) · 2.22 KB
# 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:

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!