Skip to content

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

Repository files navigation

Overview

Summary

This app was developed by a group of four junior developers through The Collab Lab. It's a smart shopping app that learns a user's buying habits and helps them remember what they need to buy on their next trip to the store.

Live Link

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. This is done through a frequency property/counter. The frequency will change depending upon how frequently a user purchases a single item. Then, depending on the frequency, an item will be sorted into intervals of soon, kind of soon, and not soon for when a user will need a certain item again. If an item is likely to be due to be bought soon, it rises to the top of the shopping list.
  • One user can have multiple sets of lists and each list is attached to a token. A token is generated every time a user creates a new list.
  • Users are allowed to join other peoples' lists as long as they have the token to another user's list.

Demo of the app:

Animation

Technologies

  • React
  • HTML5
  • CSS3
  • JavaScript
  • Firebase
  • React Router
  • React Icons
  • ARIA

Download Node and NPM

Setting up project locally

  • Clone the project to your local machine using git clone
  • Install all dependencies using npm i
  • Start the server using npm start
  • Open localhost:3000 on your browser

Contributors

Developers

Mentors

Releases

No releases published

Packages

 
 
 

Contributors