Skip to content

feat: add interactive bounty flow diagram component with SVG lifecycle visualization (Closes #851) [fj4WqyCCw3C5ShR1RfB7MoBPTpkRrBFYP1uT35g3MvT] - #1440

Open
waterWang wants to merge 2 commits into
SolFoundry:mainfrom
waterWang:feat/bounty-flow-diagram
Open

feat: add interactive bounty flow diagram component with SVG lifecycle visualization (Closes #851) [fj4WqyCCw3C5ShR1RfB7MoBPTpkRrBFYP1uT35g3MvT]#1440
waterWang wants to merge 2 commits into
SolFoundry:mainfrom
waterWang:feat/bounty-flow-diagram

Conversation

@waterWang

Copy link
Copy Markdown

Summary

Implements Bounty #851 (T2, 450K $FNDRY) — an interactive bounty lifecycle flow diagram component.

Changes

  • New component: BountyFlowDiagram — interactive SVG diagram showing the 6-stage bounty lifecycle (Post → Claim → Work → Submit → Review → Payment)
  • HowItWorksPage integration: Added the diagram as a new section on the How It Works page

Features

  • Interactive SVG diagram with colored nodes, connection arrows, and animated pulse effect on hover/active
  • Hover tooltips — each stage shows a detailed explanation in a floating card with stage-specific color
  • Responsive design — SVG diagram on desktop (≥640px), accordion-style list view on mobile with expandable descriptions
  • Framer Motion animations — smooth fade-in, pulse glow, and staggered list entrance

Acceptance Criteria

  • ✅ Interactive SVG diagram with state transitions (Post → Claim → Work → Submit → Review → Payment)
  • ✅ Hover tooltips explaining each stage
  • ✅ Responsive design for mobile and desktop

Solana Wallet for FNDRY Payout

fj4WqyCCw3C5ShR1RfB7MoBPTpkRrBFYP1uT35g3MvT

waterWang and others added 2 commits August 1, 2026 23:08
…e visualization (Closes SolFoundry#851)

- Interactive SVG diagram showing the 6-stage bounty lifecycle (post -> claim -> work -> submit -> review -> payment)
- Hover tooltips explaining each stage with animated transitions
- Responsive design: SVG diagram on desktop, accordion list on mobile
- Framer Motion animations for smooth interactions
- Integrated into the How It Works page
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant