Skip to content

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

9 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Coding Tracker

A professional, minimalist browser extension to track your coding journey across popular platforms like LeetCode, GeeksforGeeks, and Codeforces. Designed for developers who want to keep their workspace clean while maintaining a "truthful" record of their progress.

✨ Features

  • 🕵️‍♂️ Invisible Tracking: No on-screen buttons to distract you. Simply right-click anywhere on a problem page to track your progress.
  • 📊 Premium Dashboard: A beautiful, spacious dashboard to view your history, filter by platform/topic, and see your "Truthful" attempt metrics.
  • 🎯 Context-Aware Stats: Filter by platform (e.g., LeetCode) to see specific solved vs. total counts and relevant topics.
  • 📈 Truthful Metrics: Detailed breakdown of tries until your first success (e.g., "Solved on try #4 after 3 failures").
  • 🌗 Dark/Light Mode: Full theme support for both the popup and the dashboard.
  • 🛡️ SPA Compatible: Reliable problem detection even on Single Page Applications (SPAs) like LeetCode.

🛠️ Supported Platforms

  • LeetCode
  • GeeksforGeeks (GFG)
  • Codeforces
  • CodeStudio
  • AtCoder
  • HackerRank
  • CodeChef
  • CSES
  • General Articles/Blogs

📥 Installation (Free Developer Mode)

Since this extension is distributed for free outside the Chrome Web Store, follow these steps to install:

  1. Download: Download this repository as a ZIP file and extract it.
  2. Open Extensions: In your Chrome browser, go to chrome://extensions/.
  3. Enable Developer Mode: Toggle the "Developer mode" switch in the top right corner.
  4. Load Extension: Click the "Load unpacked" button and select the extracted folder (the one containing manifest.json).
  5. Pin it: Click the puzzle icon in your toolbar and pin Coding Tracker for easy access.

🖱️ How to Use

  1. Solve Problems: Go to any supported platform.
  2. Track with Right-Click: Right-click anywhere on the page and select:
    • Track: Mark as Accepted ✅
    • Track: Mark as Attempted ❌
  3. View Dashboard: Click the extension icon and select "Open Dashboard" to see your progress graph and detailed history.

👨‍💻 Technical Details

  • Built with: HTML5, CSS3 (Vanilla), JavaScript (ES6+)
  • Storage: Uses chrome.storage.local for complete privacy and local persistence.
  • Security: Fully CSP (Content Security Policy) compliant.

📄 License

This project is open-source. Feel free to use and modify it for your personal use!


Created with ❤️ by a student developer.

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages