Skip to content

Latest commit

 

History

History
60 lines (34 loc) · 2.51 KB

README.md

File metadata and controls

60 lines (34 loc) · 2.51 KB

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

light mode

dark mode

light mode

dark mode

Manage Grocery List

An older iteration of TODO MVC, simplified.

Shopping list (light mode)

Shopping list (dark mode)

Add/edit/remove items

Editor view (light mode)

Editor view (dark mode)

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...