Built in React, the app allows users to login and add items to their pantry. Built with a mobile first design, the layout is simple and easy to parse.
Each item has a name, quantity, expiration, tags, and toggleable "favorite" attribute This allows users to easily open the app and check what they have at home while they are out shopping.
The list allows a user to add items to the list, similar to the main pantry page, but also allows migration of the items from the list into their pantry after their shopping is done. Favorite items are automatically added to the shopping list to make generating a list for regular shopping easy.
- Color pallette was chosen to be gentle on the eyes, but still clearly legible.
- The same design philosphy is why the forms and buttons are rounded and bubbly. I wanted something reminiscent of kitchen timers.
- Minimal animations means less delay between choosing to do something and doing it.
- Better accessibility
- Dark Mode
- Port to react-native as a proper app