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.
- 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.
- Node.js (v14+ recommended)
- MongoDB Database
- Browser with QR Code Camera Access
-
Clone the Repository:
git clone <repository-url> cd calorie-calculator
-
Install Backend Dependencies:
cd backend npm install -
Run the Backend Server:
npm start
The backend will run on
http://localhost:5000. -
Set Up Frontend:
- Open the
frontend/index.htmlfile in a browser.
- Open the
| Category | Technologies |
|---|---|
| Frontend | HTML, CSS, JavaScript |
| QR Library | qr-scanner |
| Backend | Node.js, Express.js |
| Database | MongoDB |