The assignment is as follows: 'Design and build a Single Page Web App based on a User Story.' the user story that I've chosen is as follows: 'As a foodie, I want to be able to scan a product while shopping so that I can read more information about the product and make a good choice whether it fits my diet.'
Rubric:
This application allows users to scan barcodes of products from the grocery store. The applictaion is based on the following user story: 'As a foodie, I want to be able to scan a product while shopping so that I can read more information about the product and make a good choice whether it fits my diet.'
When the scan button is pressed by the user, the camera will be enabled. Now when the user brings the barcode in front of the camera, the appplication will show the product details of the specific product. In the example below you see how the application works and what the application looks like.
Interested in my process of making the application? Click here!
There are a few things I didn't get done due to lack of time:
- insert barcode option
- close scanner option
- Available for Iphone
- Resolve the remaining issues
Clone this repository with the following command:
git clone https://github.com/samclarkb/Food-app.git
- W3schools. (2022). How TO - CSS Loader. How TO - CSS Loader. https://www.w3schools.com/howto/howto_css_loader.asp
- Webmentions. (2021). Detecting barcodes from the webcam. Detecting barcodes from the webcam. https://daily-dev-tips.com/posts/detecting-barcodes-from-the-webcam/
Copyright (c) 2021 Sam Clark Boot, MIT