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.
A smart shopping list. View Eggheaded. View the Firebase Hosting.
- 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.
- 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.
- 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.
Search list filter
- You can even search for items within your list.
- React
- Firebase
- Google Fonts
- Font Awesome
- Bootstrap Modal
⭐ Elise
⭐ Scott
⭐ Sara
⭐ Myles
- The Collab Lab
- Andrew
- Lauren
- Steve
- Jayson