A mobile-friendly web app that helps users make informed dietary choices by scanning or uploading food product labels to get instant nutritional insights.
👉 https://nutri-scan-mobile-web-app.vercel.app/
- 🔍 Barcode / Label Scanning — Scan food product barcodes to fetch nutritional data instantly
- 📊 Nutritional Breakdown — View calories, proteins, fats, carbohydrates, and more
- 📷 Image Upload Support — Upload an image of a barcode to retrieve product information
- 📱 Mobile-First Design — Optimized for smooth use on smartphones and tablets
- ⚡ Fast & Lightweight — Built for performance with a clean, intuitive UI
| Technology | Purpose |
|---|---|
| HTML / CSS / JavaScript | Core frontend |
| Vercel | Deployment & hosting |
| Open Food Facts API (or your API) | Nutritional data source |
(Update this table to match your actual stack — e.g. React, Node.js, etc.)
- Node.js (if applicable)
- A modern web browser
# Clone the repository
git clone https://github.com/Styagiii/Nutriscan_Web_App.git
# Navigate into the project directory
cd Nutriscan_Web_App
# Install dependencies (if applicable)
npm install
# Start the development server
npm startThen open http://localhost:3000 in your browser.
Nutriscan_Web_App/ ├── public/ ├── src/ │ ├── components/ │ ├── pages/ │ └── ... ├── README.md └── package.json
(Update this to match your actual folder structure.)
Contributions are welcome! To contribute:
- Fork the repository
- Create a new branch:
git checkout -b feature/your-feature - Commit your changes:
git commit -m 'Add your feature' - Push to the branch:
git push origin feature/your-feature - Open a Pull Request
Shivang Tyagi
- GitHub: @Styagiii
This project is open source and available under the MIT License.
Made with ❤️ by Shivang Tyagi