Skip to content

[GSSoC '26] [FEAT]: Add Canvas-Confetti Animation Trigger Upon Goal Completion #333

@kushagra-nigam-java

Description

@kushagra-nigam-java

✨ Feature Description

Currently, when a developer reaches or exceeds their target metric within the GoalTracker widget, the progress bar updates but lacks an engaging reward mechanism. I would like to propose integrating a lightweight confetti animation burst (using canvas-confetti) that triggers immediately when goal.current >= goal.target.

🤔 Problem It Solves

Adding delightful micro-interactions and gamification elements significantly boosts user engagement and retention. It makes tracking coding milestones and PR metrics feel rewarding and polished.

🛠️ Tech Stack Involved

  • React.js / TypeScript
  • canvas-confetti npm package

Are you a GSSoC 2026 Contributor?
Yes, I am a registered contributor. Please assign this issue to me under GSSoC '26.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions