-
Product Name
CodeLab
-
Problem Statement
Competitive programmers using Codeforces must:
Switch between browser and local IDE
Manually copy sample tests
Re-run code outside the platform
This causes:
Time loss
Context switching
Slower practice workflow
There is no built-in floating editor with local execution on Codeforces.
- Goal
Build a free browser extension that enables users to:
Write code inside a floating Monaco editor
Run code against sample tests instantly
View pass/fail + output without leaving the page
All while being:
Fully free
Contest-safe (no AI, no auto submit)
Open source
Cross-browser
- Target Users Primary
Codeforces beginners → experts
Students practicing DSA
Competitive programming learners
Secondary
Interview preparation users
Open-source contributors
- Non-Goals (Strict)
The extension must NOT:
Provide AI hints or solutions
Auto-submit code to Codeforces
Scrape hidden data
Bypass contest rules
Require paid APIs
This ensures:
Ethical usage
Free deployment
Store approval
- Core Features 6.1 Floating Editor Panel
Draggable anywhere
Resizable from corner
Collapsible/minimized
Persistent position & size
Dark/light theme
6.2 Monaco Code Editor
Supports:
C++
Python
Java
Includes:
Syntax highlighting
Line numbers
Keyboard shortcuts
Default templates
Auto-save per problem
6.3 Sample Test Extraction
Automatically parse from DOM:
div.sample-test div.input > pre div.output > pre
Return structured list of test cases.
6.4 Code Execution via Judge0
Flow:
User clicks Run
Send:
Source code
Language ID
Sample input
Poll Judge0 for result
Show:
stdout
expected output
pass/fail
runtime
6.5 Output Viewer
Scrollable console
Test case tabs
Colored status:
Green → PASS
Red → FAIL
Normalized comparison
Optional diff highlight
- Success Metrics Functional
Editor loads < 1.5s
Run completes < 5s avg
Correct parsing of 100% sample tests
Adoption
GitHub ⭐ goal: 100+
Weekly users: 50+
- Constraints
Must run fully client-side
Must remain ₹0 cost
Must follow Manifest V3
Must be publishable to stores