8000 [Feature] Member CARES profile section · Issue #279 · jra3/mulm · GitHub
[go: up one dir, main page]

Skip to content

[Feature] Member CARES profile section #279

Open

Description

@jra3

Overview

Display member's CARES participation and earned seals on their profile.

Parent: #276

Phase 1 - Foundation

Requirements

  • FR4.1: Show list of registered CARES species with photos
  • FR4.2: Show seals earned per species (Gold, Green, Blue, Red)
  • FR4.3: Show longevity indicator for multi-year registrations
  • FR4.4: Show article and fry sharing history
  • FR4.5: Accessible from member's main profile page

Seal Display Logic

Seal Condition
Gold Species registered with photo
Green Article published about species
Blue Fry shared within BAS
Red Fry shared to external club
Longevity 2+ consecutive years of confirmation

UI Design

  • Collapsible/expandable section on member profile
  • Species cards showing: photo, species name, seals earned
  • Click to expand: article list, fry sharing history

Acceptance Criteria

  • CARES section visible on member profile
  • All seals display correctly per species
  • Activity history is chronological
  • Section is collapsible

Activity

  1. added
    enhancementNew feature or request
    ui/uxUser interface and user experience improvements
    on Jan 21, 2026
  2. jra3 commented on Jan 21, 2026

    @jra3
    OwnerAuthor

    UI/UX Details

    Seal Badge Visual Design

    Reference PRD addendum for seal color spec. On profile cards:

    • Badges displayed as small colored circles with icon or letter
    • Hover reveals tooltip: "Gold Seal - Species registered with photo on [date]"
    • Multiple seals stack horizontally (Gold, Green, Blue, Red order)

    Longevity Indicator

    Display as years count with star icon:

    • ⭐ 2 years (minimum for longevity)
    • ⭐ 5 years (milestone)
    • ⭐ 10 years (major milestone)

    Hover tooltip: "Maintained for X consecutive years"

    Card Layout

    ┌─────────────────────────────────┐
    │ [Photo]  Species Common Name    │
    │          Scientific name        │
    │          🟡 🟢 🔵 ⭐3yr          │
    │          [Expand ▼]             │
    └─────────────────────────────────┘
    

    Expanded state shows:

    • Articles list (title, date, link/PDF icon)
    • Fry sharing history (recipient, date, internal/external badge)

    Empty State

    First-time CARES section:

    🐟 No CARES Species Yet
    
    Help preserve endangered fish species by registering 
    species you maintain.
    
    [Browse CARES Species] [Learn About CARES]
    

    Section Placement

    Place below existing "Specialty Awards" section but above submission tables.

    Collapsible by default on mobile, expanded on desktop.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestui/uxUser interface and user experience improvements

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions

      0