Dev Works

My Fridge App

Simple SPA hat help better manage food inventory in refrigerator and keep track of fresh items.

0 claps earned
My Fridge App

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 hasslewhat'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 storage

  • Manage 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 Inventory view in light mode (smaller viewport)

Inventory view in light mode Inventory view in dark mode (smaller viewport)

Inventory view in light mode Inventory view in light mode (large viewport)

Inventory view in light mode Inventory view in dark mode (large viewport)

Manage grocery list

An older iteration of TODO MVC.

Shopping list view in light mode Shopping list view in light mode (smaller viewport)

Shopping list view in light mode Shopping list view in dark mode (smaller viewport)

Add, edit, and remove items

Editing view in light mode Editing view in light mode (smaller viewport)

Editing view in light mode Editing view in dark mode (smaller viewport)

+0
Clap a few times
if you liked it
© 2023 by Bumhan Yu