NutriScan

NutriScan is a web application that provides nutritional information ( such as Product name, categories, ingredients ) for food products by utilizing the Open Food Facts API. Users can retrieve nutritional data either by entering the barcode into the search bar or by uploading an image of the barcode.

Getting Started

To run the NutriScan web application locally, follow these steps:

Clone the repository:

git clone https://github.com/MonalikaPatnaik/NutriScan.git

Install dependencies:
```
npm install
```
Start the development server:
```
npm start
```
Open your web browser and visit http://localhost:3000 to access NutriScan.

Usage

Barcode Search:
- Enter the barcode of the food product(EAN_13 format) in the search bar.
- Click the search icon or press Enter to retrieve nutritional information.
  
  The Home page looks like this-
Image Upload:
- Click the "Upload Image" button.
- Choose an image file containing the barcode(EAN_13 format).
- The application will automatically scan the barcode and fetch nutritional details.

The fetched information from the api is shown like this

Technologies Used

React.js
Open Food Facts API
HTML5 and CSS3

Acknowledgments

NutriScan uses the Open Food Facts API for fetching the nutritional information of the food product
The web based barcode scanner is made using html5-qrcode, a lightweight & cross platform QR Code and Bar code scanning library for the web