Skip to content

the-collab-lab/tcl-46-smart-shopping-list

Repository files navigation

Smart Shopping List

Overview

This mobile-friendly web application gives users the functionality of creating, updating, deleting, and sharing shopping lists.

Avocado Open Graph Image

Live Site Here

🖥 🔧
Frontend Technologies React TypeScript
Backend Technologies Firebase NodeJS
Testing Framework Jest
UI/UX Design Figma

How does it work?

As a user, 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.

Features of the App

  1. Accessible fonts, styles, and sizes
  2. Light mode and Dark mode depending on user system preferences
  3. Join and share a list with others through unique list tokens
  4. Search items by name and recommended purchase date
  5. Set personal goals
  6. Export shopping event to calendars (Outlook, iCal, Google, and Yahoo)
  7. Add items and select how soon the item should be purchased
  8. Track and untrack multiple shopping lists
  9. Delete items and delete shopping lists
  10. A food pun at the bottom of the screen for a touch of humor

Contributors

Cohort Participants

Mentors