Foodr makes it easier for people to know what is in the food they eat. It allows consumers to scan the UPC or QR codes of packaged food (using their phones) to quickly pull up a full list of ingredients as well as a food score. Each ingredient is marked as natural or artificial, and descriptions of each are written in a clear and easy-to-understand manner.
- Alexander Rowland (@prestidigitation)
- Kanan Kalelker (@kykalelker)
- Tiffany Chiu (@tiffchiu)
- Victoria Chen (@vrchen)
This application was built using decoupled architecture:
- Rails back-end - PostgreSQL database deployed to Heroku
- React Native front-end web - iOS and Android platforms
React Native Camera - Open source React Native component for the camera and barcode scanning
When a user first creates and account and logs in, he or she will be directed to a profile page that tracks "Saved Items" as well as "Recently Searched Items". They have the option to either scan a barcode or to search for an item manually. If the item is found, the corresponding product page is displayed with the item's name, food score, and list of ingredients. Each item in the list has a description, which is brought up on-tap.
From here, the user may want to save an item to their list by clicking "Save Product", which will then add the item to their profile.
Users have the option to use this application without creating an account. They have the option to either scan a barcode or to search for an item manually. If the item is found, the corresponding product page is displayed with the item's name, food score, and list of ingredients. Each item in the list has a description, which is brought up on-tap. The option to "Save Product" will not be displayed if user is not logged in.
If the user clicks on "Profile", he or she will be directed to the application's "Sign Up" page.
