Implement Lightning Rounds (Surge Events) Feature

[0xdevcollins]

Feature: Implement Lightning Rounds (Surge Events)

Overview

Lightning Rounds are high-volume bounty events occurring every 10 days with 20-50 curated bounties across all skill categories. They create concentrated earning opportunities and community excitement. This feature is fully documented but has zero implementation.

---

Goals

• Display upcoming and active Lightning Rounds
• Curated bounty collection with countdown timers
• Special UI treatment (banners, badges, urgency indicators)
• Track Lightning Round participation and stats

---

Implementation Details

1. Lightning Round Landing Section

Create: components/bounty/lightning-round-banner.tsx

• Hero banner on bounty browse page during active rounds
• Countdown to next round (or time remaining in active round)
• Stats: total bounties, total value, categories represented
• "View All Lightning Bounties" CTA

2. Lightning Round Page

Create: app/bounty/lightning-round/page.tsx

• Dedicated page for current/upcoming Lightning Round
• Grouped by skill category
• Progress tracker (X of Y bounties claimed/completed)
• Leaderboard for current round

3. Lightning Round Bounty Badge

Modify: components/bounty/bounty-card.tsx

• Special badge/indicator for Lightning Round bounties
• Urgency styling (time-limited)
• Round number display

4. Round Schedule Widget

Create: components/bounty/lightning-round-schedule.tsx

• Calendar showing next 3 upcoming rounds
• Past round results and stats
• "Notify Me" opt-in for round announcements

5. GraphQL Integration

• Query for Lightning Round data (rounds, associated bounties)
• Subscription for round start/end events
• Filter bounties by Lightning Round association

---

Files Affected

Created

• app/bounty/lightning-round/page.tsx
• hooks/use-lightning-rounds.ts
• components/bounty/lightning-round-banner.tsx
• components/bounty/lightning-round-schedule.tsx

Modified

• app/bounty/page.tsx (add banner)
• components/bounty/bounty-card.tsx (add badge)

---

Acceptance Criteria

• Active Lightning Rounds display with countdown
• Bounties associated with rounds have special badges
• Dedicated round page shows curated bounties by category
• Round schedule visible for upcoming events
• Stats tracked per round (participation, completion)

[linear]

BOU-155

[coderabbitai]

🔗 Related PRs

#34 - feat: Implement API-driven bounty fetching and display with dedicated loading, empty, and error UI components. [merged]
#55 - feat-Implement Bounty Status Logic & Anti-Squatting [merged]
#62 - feat: introduce leaderboard page with filtering, table, and user rank [merged]
#88 - feat: Implement bounties detail page [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[rosemary21]

@rosemary21 has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

I’d like to work on this issue because it’s a high-impact feature that combines product thinking, UI/UX design, and frontend engineering. Lightning Rounds introduce urgency, gamification, and discoverability—all of which can significantly boost user engagement and participation. Since the feature is already well-defined but not yet implemented, it’s a great opportunity to translate product vision into a polished, user-facing experience.

Relevant Experience
⚛️ Frontend Development
Built scalable interfaces using React and modern frameworks like Next.js
Developed modular component systems (cards, banners, dashboards) similar to bounty listings
Comfortable working with file structures like app/ and reusable component patterns

ℹ️ Repo Maintainers: To accept this application, review their application or assign @rosemary21 to this issue.

[menawar]

@menawar has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

cab i work on this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @menawar to this issue.

[Oluwaseyi89]

@Oluwaseyi89 has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hi Maintainer! I'd like to implement the complete Lightning Rounds (Surge Events) feature on the frontend, including a hero banner with countdown timers and stats on the bounty browse page, a dedicated round page displaying curated bounties grouped by skill category with progress tracking, special urgency badges on bounty cards, and a round schedule widget showing upcoming and past rounds with "Notify Me" functionality, all integrated with GraphQL queries and subscriptions for real-time round data.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Oluwaseyi89 to this issue.

[zhaog100]

/attempt

[drips-wave]

Congratulations, @rosemary21! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @rosemary21: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊