Codeforces Explorer Chrome Extension

Extension is based on react-content-script template.

This project uses Vite and crxjs to build the extension.

Setup

https://www.youtube.com/watch?v=g1JUdPvTSEk&ab_channel=hitarth

Clone repository

git clone https://github.com/hitarth-gg/codeforces-explorer-extension

Install dependencies

yarn

Build extension

yarn build

Load extension

1. Navigate to chrome://extensions/
2. Turn on the "Developer mode" toggle switch in the top right of the window
3. Click the "Load unpacked" button in top left of the window
4. Go to the codeforces-explorer-extension directory and select the dist directory to load the extension
5. Navigate to https://codeforces.com/profile/tourist to see the CF-EXPLORER button.
6. CF-EXPLORER button is also available at /problemset/* & /contest/* routes. e.g.

   https://codeforces.com/problemset/problem/1480/C
   https://codeforces.com/contest/1977/problem/B

   

v1.1.0

• Added option to hide/unhide problem tags under Codeforces > Settings >General
• Hides the tags by default when the setting is turned on.
• Clicking on Problem Tags will hide/unhide the problem tags and clicking on Show Rating will show the rating of the current problem.