Discovery charity variant 4

[CherryCIC]

Why
As a supporter
I want to view charity updates and items linked to their cause
So that I can engage meaningfully and shop in support of causes I care about

Acceptance Criteria

SCENARIO 1 – Viewing the Charity Update Card

• Given I open the home or discovery feed
• When I scroll through the feed
• Then I should see a charity card with an image, name, and update summary

SCENARIO 2 – Tapping the Card Heart Icon

• Given the charity card is visible
• When I tap the heart icon
• Then it should toggle the liked state and increment/decrement the like count

SCENARIO 3 – Seeing Linked Support Items

• Given I am viewing a charity card
• When I scroll down or view the “Items in support” section
• Then I should see a horizontal scrollable list of items linked to that cause with image, like count, and label

SCENARIO 4 – Tapping “See All”

• Given the “Items in support” section is visible
• When I tap “See All”
• Then I should be navigated to a full list of items linked to the charity

Proposed Implementation

• Data structure: Extend charity object model to include related item IDs

• UI:

  • Use a Card widget to display the image, WWF label, and metadata
  • Implement heart-button logic using Firebase likes collection
  • Fetch linked products via Firestore subcollection or query
  • Create a horizontally scrolling row of item thumbnails
  • “See All” navigates to a filtered product list by charity

• Reference Figma file: Home Feed – Charity Highlight Card (get latest version from design system)

Labels
MVP, UI, good first issue, frontend

Milestone
Home Feed