13. As a user, I want to view a list of my shopping list items in order of how soon I am likely to need to buy each of them again

[stacietaylorcima]

Possible item states are as follows:

• Need to buy Soon (fewer than 7 days)
• Need to buy Kind of soon (between 7 & 30 days)
• Need to buy Not soon (more than 30 days)
• Inactive (only 1 purchase in the database or the purchase is really out of date [2x the estimate])

AC:

• Items in the list are shown visually grouped in the following order: Soon, Kind of soon, Not soon, Inactive
• Within each grouping, items should be sorted by the estimated number of days until next purchase
• Items with the same number of estimated days until next purchase should be sorted alphabetically
• Items in the different states should be visually distinct
• Items in the different states should be described distinctly when read by a screen reader

[prophen]

Heads up that we'll have to account for capital letters when sorting alphabetically. Edit: I haven't looked at the code yet so if you already addressed this please disregard.