Skip to content

Add XP and level-up toast notification system#116

Open
Bhargavi-Chaudhary-803 wants to merge 3 commits into
Coder-s-OG-s:mainfrom
Bhargavi-Chaudhary-803:main
Open

Add XP and level-up toast notification system#116
Bhargavi-Chaudhary-803 wants to merge 3 commits into
Coder-s-OG-s:mainfrom
Bhargavi-Chaudhary-803:main

Conversation

@Bhargavi-Chaudhary-803
Copy link
Copy Markdown

Summary

Adds a lightweight toast notification system so users get immediate visual
feedback when they earn XP or level up. Previously nothing happened visually
after claiming an issue or syncing GitHub stats.

Type of Change

  • Bug fix
  • New feature
  • UI / UX improvement
  • Refactor
  • Documentation
  • Other

Related Issue

Closes #47

What was changed?

  • Created src/components/toast.tsx — zero-dependency toast system built
    from scratch with ToastProvider, useToast hook, and CSS transition
    animations (no framer-motion or external library)
  • Mounted ToastProvider in src/app/(app)/layout.tsx so all app pages
    have access
  • issues-list.tsx — fires +{xp} XP — ISSUE CLAIMED toast after a
    successful claim
  • rec-cards.tsx — same toast on claim from the dashboard rec cards
  • sync-button.tsx — fires GITHUB SYNCED toast after a successful sync
  • level-up-banner.tsx — fires LEVEL UP — YOU ARE NOW L{n} toast on
    mount for every unacknowledged level-up
  • Fixed all startTransition(async () => {...}) calls to use the
    void (async () => {...})() IIFE pattern (React 18 compatibility)

Checklist

  • My code follows the project structure and conventions
  • I tested this locally (npm run dev)
  • No hardcoded secrets or credentials
  • I have updated documentation if needed

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 16, 2026

@Bhargavi-Chaudhary-803 is attempting to deploy a commit to the codersogs-3057's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 16, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
mergeship Ready Ready Preview, Comment May 16, 2026 9:20am

@Soumya-codr
Copy link
Copy Markdown
Collaborator

Hey @Bhargavi-Chaudhary-803 Quick reminder to please review the contributing guidelines before making changes. Also, make sure to run a git pull to fetch the latest updates and double-check everything locally so we can avoid any conflicts. Thanks!

@Soumya-codr Soumya-codr added mentor:Ayush-Patel-56 Replace Ayush-Patel-56 with mentor's GitHub handle to credit them Soumya-sagar-review labels May 16, 2026
@Ayush-Patel-56
Copy link
Copy Markdown
Collaborator

Please see this #67 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

mentor:Ayush-Patel-56 Replace Ayush-Patel-56 with mentor's GitHub handle to credit them Soumya-sagar-review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add notification system for XP gains and level-ups

3 participants