Bounty: Bounty Card Component

[gbabaisaac]

Goal

Build a reusable Bounty Card component.

Requirements

• Title
• Reward amount
• Tags
• Difficulty badge
• Progress bar
• Responsive layout
• Tailwind styling with hover effects

Acceptance Criteria

• Component is reusable with props
• Looks good on mobile and desktop
• No console errors

Demo

• Include screenshots (desktop + mobile)

[aliraza556]

@gbabaisaac Could you please assign this to me? Also, could you kindly mention the bounty amount?

[nicepopo86-lang]

제가 #1에 대해 /bounty-card 리팩토링 PR을 올렸습니다: #16 . 구현 요약: 재사용 가능한 props 구조 정리, 난이도 뱃지 매핑/타입 안정성, 진행률 바 clamp + 접근성 개선, 반응형/hover 강화, 모바일 레이아웃 안정화.
up to date, audited 1 package in 280ms

found 0 vulnerabilities 통과 확인됨.

[nicepopo86-lang]

추가 정리: PR #16은 build 통과 기준으로 진행했습니다(Next.js 빌드 통과, 타입 점검 포함). PR 본문에 쉘 백틱이 쉘 치환되어 깔끔하지 않게 보여서, 내용은 위 링크와 동일하게 보시면 됩니다.

[Gutopro]

@gbabaisaac can I be assigned to this?

[MeinGutTag]

@gbabaisaac The Bounty Card Component task (#1) has been completed.

Delivered:

• BountyCard.jsx component file with all required features
• Tailwind CSS configuration
• Complete documentation and examples
• Responsive design implementation

All requirements met:
✅ Title display
✅ Reward amount display
✅ Tags system
✅ Difficulty badge
✅ Progress bar
✅ Responsive layout
✅ Tailwind styling + hover effects
✅ Reusable via props
✅ Mobile & desktop friendly
✅ No console errors

Component features:

• Fully functional React component
• Tailwind CSS utility classes
• Hover effects and transitions
• Responsive design
• Easy to integrate