Skip to content

Track Shopping List Cost

As a Host, I want to see estimated and actual costs for my shopping list, So that I can budget appropriately for the event.

  • Given I have a shopping list with items
  • When I view the shopping list
  • Then I can see:
    • Estimated cost per item (based on historical data or manual entry)
    • Total estimated cost for the entire list
    • Total estimated cost by category
  • And I can optionally enter actual costs as I shop
  • And the system tracks variance between estimated and actual costs

IMPLEMENTED (January 2026)

Files:

  • shaker/app/(tabs)/inventory/shopping/index.tsx - Cost display in summary
  • shaker/data/shopping-lists/index.ts - Summary calculation functions
  • shaker/types/shopping-list.ts - Cost tracking types
  • shaker/components/ProductSelectionModal.tsx - Actual cost entry

Features:

  • ✅ Estimated cost per item
  • ✅ Actual cost entry when checking off items (via ProductSelectionModal)
  • ✅ Total estimated cost display
  • ✅ Total actual cost display (when available)
  • ✅ Cost variance tracking (shows both estimated and actual in summary)
  • ✅ Category-level cost tracking in summary
  • ✅ Price history integration when actual cost is entered

Implementation:

  • getShoppingListSummary calculates total estimated and actual costs
  • Summary card shows actual cost if available, otherwise estimated
  • Individual items show estimated cost (~$X.XX) or actual cost ($X.XX)
  • ProductSelectionModal allows entering actual cost when checking off
  • Actual cost is saved to price history when product is selected

Low - Nice to have for budgeting

  • ShoppingList, ShoppingListItem