My Fridge

https://rememberfridge.com

Simple SPA for your home. Stay on top of what's in your fridge — wherever you are, whenever it is.

• Manage inventory

• Manage grocery list

• Cloud sync (Firebase integration in progress)

• Dark mode support

---

Getting started

Bootstrapped with create-react-app and styled with styled-component. Live demo at https://rememberfridge.com

1. Install packages: npm install

2. Start dev server: npm start and open http://localhost:3000

3. Build: npm run build for production build to the build folder.
   

---

Features

Manage inventory

Manage Grocery List

An older iteration of TODO MVC, simplified.

Add/edit/remove items

---

Project plans

• Integrate Firebase for authetication and database sync

• Refactor component codes to:

  • Prepare proper routing instead of all components being mounted at all times
  • Reduce redundant markup — styles, JSX structure, state management...
  • Achieve more readability — variable naming, method calls, component hierarchy...