Sort shopping list by urgency

[joriordan332]

Description

Code implements a sort function to sort our shopping list items by urgency and alphabetical order. Overdue items are pushed to the top of the list and inactive items are pushed to the bottom.

Related Issue

Closes #13

Acceptance Criteria

• Items in the list are shown with an indicator that tells the user they should buy the item “soon”, “kind of soon”, or “not soon”; or that the item is “inactive”
  • This urgency indicator does not rely on only color
• api/firestore.js exports a new comparePurchaseUrgency function with the following behaviors
  • sorts inactive items last, then
  • sorts items in ascending order of days until purchase, and
  • sorts items with the same days until purchase alphabetically

Type of Changes

Feature

Updates

Before

After

Testing Steps / QA Criteria

• Do a git pull and git checkout jo-qg-sort-shopping-list
• Open the homepage by running npm start
• Navigate to the list page
• Each item on your list should have an indicator next to it and be ordered as followed-overdue, soon, kind of soon, not soon & inactive
• For each urgency category the items will be alphabetised
• Adding a new item to the list should automatically sort the items

[github-actions]

Visit the preview URL for this PR (updated for commit ed34783):

https://tcl-79-smart-shopping-list--pr30-jo-qg-sort-shopping-vj0pf99x.web.app

_{(expires Sun, 29 Sep 2024 09:05:31 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: d91d9ddbda780208241c52942f544acf8e81407a}

[Hudamabkhoot]

Great job with this tough issue impressive work! 👏. I left suggestions as comments i believe addressing them would enhance performance and improve clarity.

I also noticed that the indicators disappear when filtering with the search bar and they don’t reappear after clearing the filter since data goes back to before the indicators are added.

[Hudamabkhoot]

Amazing work well done guys! 👏

[marshjaja]

Amazing job guys!🤾🏾🤸🏾

[hariscs]

this is some impressive work 🙌, great job guys.
also @Hudamabkhoot the suggestions are amazing on this PR 🥳