Als foodie, wil ik tijdens het boodschappen doen een product kunnen scannen, zodat ik meer informatie over het product kan lezen en een goede keuze kan maken of het bij mijn dieet past.
De oplossing voor de user story is foodchecker, deze applicatie scant barcodes met behulp van de Barcode Detection API. De Barcode Detection is een API waarmee je barcodes kan scannen met de camera van je laptop en telefoon. Maar helaas wordt het niet door veel browsers ondersteund, zoals Safari en Chrome voor IOS. Wanneer het wel gelukt is om te scannen krijg je de naam van het product.
Voor foodchecker is gebruik gemaakt van de Barcode Detection API om de producten te scannen en de Open Food API om de gescande producten op te halen uit de database.
In de Open Food API staan producten die gebruikers zelf kunnen aanvullen met bijvoorbeeld hoeveel suikers erin een product zitten, land van herkomst en of het e-nummers bevat.
Foodchecker maakt gebruik van de hash routing van routie.js.
Foodchecker kan eenvoudig worden geïnstalleerd door de repo lokaal te clonen aan de hand van de volgende command of door simpelweg de zip te downloaden door op de groene knop code te klikken op mijn profiel.
https://github.com/zainuwachtig/foodchecker.git
- Barcode Scanner API in Chrome kunnen gebruiken.
- Informatie over etenswaren uit de API ophalen.
- Uitwerken van de Empty State, Error State, Ideal State en de Loading State.
- Hash routing implementeren
- Meer informatie over het product tonen zodat de gebruiker weet of het product aansluit op een eventueel dieet.