moshfeu / synced-shopping-list Goto Github PK

All the categories will be collapsed by default except the first one.

Show a success toast but allow the user to perform "undo"

1. Add a checkbox in the item details panel "weekly item"
2. In the history modal, add a button "add the weekly items"

In list view and history view.

Swipe right to check and uncheck items, swipe left to delete items completely.

As a user I set an item as taken (check the checkbox), let's say Milk.
Then I type "Milk" in the input and hit "Enter".

Expected result
The item will re-added to the non taken list

Actual Result
The app shows "the item is already exist" info message

So the user can take the smart decisions about where is the cheapest place to buy from

Currently, the app first runs authentication and if the user logged in, it loads and presents the the data (products, categories etc.)
This cause an issue when the network is not great so the authentication is slow.
The solution is the app to load the data from localStorage in parallel and if the data exists, show it. If not, wait for the authentication to finish, then load and show the data.

In the item details panel. Their avatar could be nice.

• Don't show loader in offline
• Loader should be minimalistic so it won't overlap the current UI. Maybe a progress bar

Allow closing the history modal only on cancel click

Refs:

https://wicg.github.io/manifest-incubations/index.html#dfn-note_taking
https://developer.chrome.com/blog/new-in-devtools-93/#new-note-url

https://developer.mozilla.org/en-US/docs/Web/Manifest/shortcuts

So when the phone's keyboard autocompletes with a space after, the results still show up

It also supports grouping: https://virtuoso.dev/#grouping

Product details - dropdown - "Urgent", "Normal".
Products list - red color if urgent

Currently, the user needs to add it to the list, go to the details page and set the category

Add option to add images from Google by searching a term

Add a modal with a search modal

Currently it's only possible to check an item so if I added an item accidentally, I need to check it and go to the checked list and clear it

UI options

• A button in the item details panel
• Long press on the item and the option shows up

Since the app is almost useless when the user is not logged in, the app should show an <Alert /> with a button to login

As user, sometimes I want to modify the item right after I added it, setting amount for example.

How to do this?

Add a button using renderOption that hopefully allow the code to both add the item but also open the panel w/o race condition 🤞

Use this: https://mui.com/material-ui/react-modal/

The counter should show up within the button

Actual behaviour
Currently when a user types an existing items' name in the search input and submits the item is added to the list.

Expected behaviour

• When the item exists in the history, it should add from history but not to create a new item
• When the item exists in the list, it shouldn't add the item and notify the user that the item is already exists.