Calorie Scan

Introduction

A full-stack web app that lets users scan food dish QR codes, view nutritional details, and calculate total calories in real time.
Built with HTML, CSS, JavaScript, Node.js, Express, and MongoDB — this project combines frontend interactivity with backend CRUD APIs for managing dishes and calorie data.

---

Deployed App

• Live Link https://caloriescanner.netlify.app/

Features

• QR Code Scanning: Reads QR codes containing dish and item data.
• Dynamic Calorie Calculation: Fetches calorie data from the backend and updates totals instantly as users change quantities.
• Interactive UI: Simple and intuitive interface to explore dish items and calorie breakdown.

---

Setup Instructions

Prerequisites

1. Node.js (v14+ recommended)
2. MongoDB Database
3. Browser with QR Code Camera Access

Installation Steps

1. Clone the Repository:

   git clone <repository-url>
   cd calorie-calculator

2. Install Backend Dependencies:

   cd backend
   npm install

3. Run the Backend Server:

   npm start

   The backend will run on http://localhost:5000.

4. Set Up Frontend:

   • Open the frontend/index.html file in a browser.

---

Screenshots

---

🛠️ Tech Stack

Category	Technologies
Frontend	HTML, CSS, JavaScript
QR Library	qr-scanner
Backend	Node.js, Express.js
Database	MongoDB

---