List 'n' Shop Guide

This guide will help you to get fameliar with the app so you can get the best out of it.

Header Section

Side Menu: Settings & Internal Links

  • Language: Switch between supported languages.

  • Text Size: Adjust font size for better readability.

  • Screen Wake Lock: Keep your grocery list accessible without repeated unlocks.

Navigate between important pages:


Indicates that more users are currently connected to this list.

Screen Wake Lock Indicator

Indicates that the screen lock feature is currently activated

List Features

switchSwitch Modes

Toggle between Edit and Shopping modes.

  • Edit Mode

    Add, remove, and update items. Drag and reorder items as needed.

  • Shopping Mode

    Use this mode while shopping. Each item has a checkbox to mark as purchased.


switch

List Menu Options

Manage your list with the following actions:

  • Clear Delete all items.
  • Share via WhatsApp or copy the list URL.
  • Finish your list after shopping.

Add Item Menu

Open Voice Recognition Menu

Quickly add items by using the voice recognition feature.


Item Details

Milk

Item Name (Required): Click to edit the name. Also reveals the delete (X) button. Deleting the name will delete the item as well.

3

Item Amount (Optional): Click to modify the quantity.

Adding Items

Add

Add Item Button: Click to add the item to your list.

Switch Added Item Position: Choose to place the item at the top or bottom of the list.

Open Voice Recognition Menu

Start or Stop Recording

Click the microphone icon to start recording. Say the quantity first, followed by the product name. Example: 'Two milk.'

If the microphone icon is grayed out, you need to enable microphone permissions for List'N'Shop website in your browser settings.

Click the microphone icon again to continue adding items.

When finished, click "Add to List".