Skip to content

Latest commit

 

History

History
76 lines (48 loc) · 3.49 KB

README.md

File metadata and controls

76 lines (48 loc) · 3.49 KB

Overview

The goal of this project is to create a “smart” shopping list app that learns your buying habits and helps you remember what you’re likely to need to buy on your next trip to the store.

How it works is that you will enter items (e.g., “Greek yogurt” or “Paper towels”) into your list. Each time you buy the item, you mark it as purchased in the list. Over time, the app comes to understand the intervals at which you buy different items. If an item is likely to be due to be bought soon, it rises to the top of the shopping list.

The app will work in many of the same ways as iNeedToBuy.xyz (on which our project is based) with the exception that we will not be implementing barcode scanning (that feature would add a lot of scope to the project and in my experience wasn’t all that useful).

For additional details, please check out the project brief.


Eggheaded

A smart shopping list. View Eggheaded. View the Firebase Hosting.

Summary

Welcome Screen

  • Welcome to Eggheaded! If this is your first time here click create new list to start.
  • If you already have a token you can submit it in the input field and head over to your shopping list.

Eggheaded welcome screen

Add Item View

  • The input field is where you can type in the item you want to add to your list.
  • Once that's done you can pick how soon you need it, the time frame you choose will add the item to your list. add an item to the shopping list with this form

Shopping List View

  • Each item is color coded based on how soon the item is needed, and has a details view that can be accessed by clicking the chevron next to the trash can.
  • Blue: I need to purchase this soon.
  • Yellow: I need to purchase this kind of soon.
  • Red: I need to purchase this not so soon.
  • A whole egg signifies that you havent purchased that item just yet and a cracked egg show you have purchased it.

Shopping list with items added

Search list filter

  • You can even search for items within your list.

search filter

Project Dependencies

  • React
  • Firebase
  • Google Fonts
  • Font Awesome
  • Bootstrap Modal

Contributors

Elise
Scott
Sara
Myles

Acknowledgements

Credits