Tools
This recipe and ingredient web application was built using Vue.js and Single-File Components. The CSS framework is Bootstrap, styled using SCSS. Pinia is used for state management of toasts across the site. Firebase is used for all backend functionality.
Functionality
The application allows for users to authenticate through email and password, Google, or to browse anonymously with limited access. Users can then create recipes, favorite recipes, and search or filter existing recipes by ingredients they have in their own pantry. User profiles display the user’s recipe collection, a QR Code to the profile page that can be shared, and allow others to add them as a friend.
