client
Self-initiated, open source
roles
Design, development
built with
create-react-app
, styled-components
Background
Keeping track of what's in your fridge can be a hassle—what's there, when you bought it, and when it goes bad. This responsive web app is built to help minimize food waste and better manage fridge.
Key Features
Manage food inventory by sections and track expiration dates
Support dark color mode
Use
localStorage
for data storageManage shopping list
Open source and free to use
TODO
Use Firebase for cloud sync
Add authentication
Add food expiration warning
Features
Manage inventory
Inventory view in light mode (smaller viewport)
Inventory view in dark mode (smaller viewport)
Inventory view in light mode (large viewport)
Inventory view in dark mode (large viewport)
Manage grocery list
An older iteration of TODO MVC.
Shopping list view in light mode (smaller viewport)
Shopping list view in dark mode (smaller viewport)
Add, edit, and remove items
Editing view in light mode (smaller viewport)
Editing view in dark mode (smaller viewport)
if you liked it