General Interface

A quick summary of General Interface

Basic user interface

Basic UI
  1. Side menu to access others main functions of BigBag.
  2. Top menu to access all features of the shopping list.
  3. Input for add items to a shopping list.
  4. Need to buy: Click in the check box of an item when buy. Click on the title of an item to open its detail screen.
  5. Handler for drag & drop items: Hold in 3 seconds to start dragging.
  6. Bought: Click in the checkbox of an item to add it back to "Need to buy".
  7. Summary bar: Summary information of the shopping list.