Skip to content

About

Displays your current streak beside the max streak on your LeetCode profile.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

[ LeetCode Current Streak Extension ]

A lightweight Google Chrome extension that calculates and displays your Current Streak right next to your Max Streak on your LeetCode profile.

The Origin Story: I built this after tragically losing an 89-day LeetCode streak. I was tired of manually calculating the calendar math to figure out when I would finally overtake my past record, so I engineered this extension to do it for me!


:: Features ::

  • Live Calculation: Fetches real-time submission data via LeetCode's GraphQL API.
  • Seamless UI Integration: Injects the active, ongoing streak directly into the UI, matching LeetCode's native CSS perfectly.
  • React-Resilient: Uses a TreeWalker and a MutationObserver to ensure the UI updates reliably, even when navigating LeetCode's Single Page Application (SPA) routing.

:: Installation (Developer Mode) ::

  1. Clone this repository or download the ZIP file.
  2. Open Google Chrome and navigate to chrome://extensions/.
  3. Enable Developer mode in the top right corner.
  4. Click Load unpacked and select the folder containing this extension.
  5. Visit your LeetCode Profile to see it in action!

:: Technical Challenges Overcome ::

Injecting elements into a heavily optimized React application is tricky. LeetCode dynamically re-renders its DOM and uses randomized utility classes. Instead of relying on static CSS selectors, this extension uses a TreeWalker to scan raw text nodes for the "Max Streak" label, ensuring the injection target is found 100% of the time regardless of UI updates.

About

Displays your current streak beside the max streak on your LeetCode profile.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages