Skip to content

feat(bounty-card): enhanced BountyCard component with hover effects and UI polish#71

Open
sungdark wants to merge 1 commit intogbabaisaac:mainfrom
sungdark:feat/bounty-card-component
Open

feat(bounty-card): enhanced BountyCard component with hover effects and UI polish#71
sungdark wants to merge 1 commit intogbabaisaac:mainfrom
sungdark:feat/bounty-card-component

Conversation

@sungdark
Copy link
Copy Markdown

Summary

Implements the Bounty Card Component bounty with the following enhancements:

Component Improvements

  • Hover effects: Scale + shadow transitions with brand color scheme
  • Difficulty badges: Icons (✓/↕/↗) for Easy/Medium/Hard
  • Color-coded progress bar: Green (0-35%) → Amber (35-70%) → Brand blue (70-100%)
  • Enhanced tag pills: Brand-colored pills with hover states
  • Reward display: Formatted with dollar sign prefix
  • Hover indicator: Subtle arrow that appears on card hover
  • Responsive layout: Mobile-first design

Demo Page

  • Desktop grid view (2-column)
  • Mobile stacked view
  • Props documentation table

Bug Fix

  • Fixed pre-existing type error in where variable was referenced but never declared

Closes #1

…ffects and UI polish

- Add hover scale + shadow transitions with brand color scheme
- Add difficulty icons (checkmark/arrow/chevron) for Easy/Medium/Hard
- Color-coded progress bar (green → amber → brand based on progress %)
- Enhanced tag pills with brand colors
- Reward display with formatted number and dollar sign prefix
- Hover arrow indicator
- Mobile-first responsive layout with proper breakpoints
- Props documentation in demo page with desktop/mobile views

Also fixes pre-existing type error in create-bounty-form.tsx where
errors variable was referenced but never declared.
@sungdark
Copy link
Copy Markdown
Author

👋 Hi! Just checking in on this PR. It's passing all CI checks. Let me know if there's anything you'd like me to adjust or if the bounty can be processed. My payment address is eB51DWp1uECrLZRLsE2cnyZUzfRWvzUzaJzkatTpQV9

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.

Bounty: Bounty Card Component

2 participants