Hello Codeforces Community!↵
↵
The CSES Problemset (cses.fi) is widely considered one of the best platforms for mastering core algorithms and data structures. However, compared to platforms like Codeforces, it lacks a few quality-of-life features that can make your practice workflow much smoother. ↵
↵
Specifically:↵
↵
1. You have to save your code to a file locally just to upload and submit it.↵
2. There are no copy buttons on the input/output sample test cases.↵
3. There is no built-in way to bookmark/star tasks you want to review later.↵
4. There is no dynamic category-wise progress tracker, solve streak counter, or random problem selector.↵
↵
To solve these annoyances, I built CSES Pro -- a lightweight, completely free, and open-source Chrome Extension that injects these features directly into the native CSES site.↵
↵
---↵
↵
## Feature Showcase↵
↵
### 1. Codeforces-Style Submit Editor↵
No more saving temporary .cpp or .py files on your desktop just to upload them. The extension replaces the native file input with a clean text area where you can paste your code. It automatically detects your language choice from the dropdown and handles the submission in the background.↵
↵
*A toggle switch lets you switch back to standard file uploads at any time.*↵
↵
### 2. Sample Input/Output Copy Buttons↵
Input, output, and code block panels on problem statements are converted into structured boxes with an instant "Copy" button, saving you the hassle of dragging and copying extra whitespace.↵
↵
### 3. Collapsible Analytics Dashboard↵
Injected directly at the top of the problemset list and your user profile page.↵
↵
* **Interactive SVG Donut Chart** showing solved vs. unsolved ratios.↵
* **Daily Solve Streaks:** Tracks your current daily solve streak and your all-time best streak.↵
* **Category Progress Matrix:** Colored progress bars indicating completion percentage for each section (Sorting, DP, Graphs, etc.).↵
↵
### 4. Advanced Filters & Dynamic Sorting↵
* **Show Only Marked Problems:** Toggle the list to focus strictly on bookmarked/starred tasks (empty category headers are collapsed automatically).↵
* **Sort by Most Solved:** Sort problems in each category by popularity (total solve count) in descending order to solve the most common tasks first.↵
* **Random Problem Selector:** Redirects you to a random problem (respects your active bookmark filter!).↵
↵
### 5. Multi-Account & Data Isolation↵
If you share your computer, your data is completely safe. The extension automatically detects your logged-in username from the navigation header and prefixes all local storage data, keeping your streaks, statistics, and bookmarks completely isolated per user.↵
↵
---↵
↵
## How to Install (Free & Open Source)↵
↵
Because the extension is free and open-source, it is not published on the Chrome Web Store (to avoid registration fees). You can install it directly in under a minute:↵
↵
1. Go to the GitHub Repository Releases page: https://github.com/nisargvekariya01/CSES-Pro/releases↵
2. Download cses-pro-extension.zip from the latest release and extract it.↵
3. Open Google Chrome and go to chrome://extensions/↵
4. Enable Developer Mode (toggle in the top-right corner).↵
5. Click "Load unpacked" (top-left corner) and select the extracted folder.↵
6. Refresh cses.fi and you are ready to go!↵
↵
---↵
↵
### Open Source & Feedback↵
The project is open-source. Check out the codebase, report bugs, or contribute new features here:↵
↵
Link: https://github.com/nisargvekariya01/CSES-Pro↵
↵
I would love to hear your thoughts, feedback, and feature suggestions in the comments below! Happy coding!
↵
The CSES Problemset (cses.fi) is widely considered one of the best platforms for mastering core algorithms and data structures. However, compared to platforms like Codeforces, it lacks a few quality-of-life features that can make your practice workflow much smoother. ↵
↵
Specifically:↵
↵
1. You have to save your code to a file locally just to upload and submit it.↵
2. There are no copy buttons on the input/output sample test cases.↵
3. There is no built-in way to bookmark/star tasks you want to review later.↵
4. There is no dynamic category-wise progress tracker, solve streak counter, or random problem selector.↵
↵
To solve these annoyances, I built CSES Pro -- a lightweight, completely free, and open-source Chrome Extension that injects these features directly into the native CSES site.↵
↵
---↵
↵
## Feature Showcase↵
↵
### 1. Codeforces-Style Submit Editor↵
No more saving temporary .cpp or .py files on your desktop just to upload them. The extension replaces the native file input with a clean text area where you can paste your code. It automatically detects your language choice from the dropdown and handles the submission in the background.↵
↵
*A toggle switch lets you switch back to standard file uploads at any time.*↵
↵
### 2. Sample Input/Output Copy Buttons↵
Input, output, and code block panels on problem statements are converted into structured boxes with an instant "Copy" button, saving you the hassle of dragging and copying extra whitespace.↵
↵
### 3. Collapsible Analytics Dashboard↵
Injected directly at the top of the problemset list and your user profile page.↵
↵
* **Interactive SVG Donut Chart** showing solved vs. unsolved ratios.↵
* **Daily Solve Streaks:** Tracks your current daily solve streak and your all-time best streak.↵
* **Category Progress Matrix:** Colored progress bars indicating completion percentage for each section (Sorting, DP, Graphs, etc.).↵
↵
### 4. Advanced Filters & Dynamic Sorting↵
* **Show Only Marked Problems:** Toggle the list to focus strictly on bookmarked/starred tasks (empty category headers are collapsed automatically).↵
* **Sort by Most Solved:** Sort problems in each category by popularity (total solve count) in descending order to solve the most common tasks first.↵
* **Random Problem Selector:** Redirects you to a random problem (respects your active bookmark filter!).↵
↵
### 5. Multi-Account & Data Isolation↵
If you share your computer, your data is completely safe. The extension automatically detects your logged-in username from the navigation header and prefixes all local storage data, keeping your streaks, statistics, and bookmarks completely isolated per user.↵
↵
---↵
↵
## How to Install (Free & Open Source)↵
↵
Because the extension is free and open-source, it is not published on the Chrome Web Store (to avoid registration fees). You can install it directly in under a minute:↵
↵
1. Go to the GitHub Repository Releases page: https://github.com/nisargvekariya01/CSES-Pro/releases↵
2. Download cses-pro-extension.zip from the latest release and extract it.↵
3. Open Google Chrome and go to chrome://extensions/↵
4. Enable Developer Mode (toggle in the top-right corner).↵
5. Click "Load unpacked" (top-left corner) and select the extracted folder.↵
6. Refresh cses.fi and you are ready to go!↵
↵
---↵
↵
### Open Source & Feedback↵
The project is open-source. Check out the codebase, report bugs, or contribute new features here:↵
↵
Link: https://github.com/nisargvekariya01/CSES-Pro↵
↵
I would love to hear your thoughts, feedback, and feature suggestions in the comments below! Happy coding!
