Discovery charity variant 3

[CherryCIC]

MVP Design

Why
As a user
I want to browse inspiring causes like Shelter with associated items
So that I feel compelled to support initiatives through purchases

Acceptance Criteria

SCENARIO 1: Shelter cause tile displays properly

• Given the user is on the Discovery page
• When the page loads
• Then the Shelter tile should show a banner image, organization name, description, and like button with like count

SCENARIO 2: Support item carousel loads with correct items

• Given the Shelter tile is rendered
• When the user scrolls through the Items in Support carousel
• Then items should be displayed with image, name, and heart count

SCENARIO 3: Like interaction works on cause and items

• Given a logged-in user
• When they tap a heart icon
• Then the icon toggles its state and the like count updates accordingly

SCENARIO 4: "See All" navigation opens Shelter's items list

• Given the user is viewing the Shelter section
• When they tap “See All”
• Then they should be routed to a page listing all Shelter-related items

Proposed Implementation

• Add CauseTile component that receives props for image, text, and likes
• Link each CauseTile with a unique cause ID to query associated items
• Store likes in Firebase (mocked for MVP), keyed by user and item/cause ID
• Use Flutter’s PageView.builder or ListView.horizontal for item scroll
• “See All” should push to route: /cause/shelter/items

Labels & Milestones

• MVP, UI, good first issue
• Milestone: discovery