Skip to content

satyasunitha/Codeforces-Quest

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

238 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub issues GitHub forks GitHub stars GitHub license

Codeforces Quest

A Chrome extension with a sidebar that enhances the Codeforces experience, transforming it into a more efficient and productive platform for competitive programmers.


🌟 GSSoC

GSSoC Logo 🌟 Exciting News... This project is now an official part of GirlScript Summer of Code – GSSoC'25! 🎉 We're thrilled to welcome contributors from all over India and beyond to collaborate, build, and grow Codeforces-Quest! Let’s make learning and career development smarter – together!

GSSoC is one of India’s largest 3-month-long open-source programs that encourages developers of all levels to contribute to real-world projects while learning, collaborating, and growing together.

With mentorship, community support, and collaborative coding, it's the perfect platform for developers to:

  • ✨ Improve their skills
  • 🤝 Contribute to impactful projects
  • 🏆 Get recognized for their work
  • 📜 Receive certificates and swag!

I can’t wait to welcome new contributors from GSSoC 2025 to this Codeforces-Quest project family! Let's build, learn, and grow together — one commit at a time.

🏆 GSSoC 2025 Guidelines

📋 For Participants

Do's

  • Read documentation thoroughly before contributing
  • Follow code style and project structure
  • Write descriptive commit messages
  • Test your changes before submitting PR
  • Be respectful and collaborative
  • Ask questions if you're unsure about anything

Don'ts

  • Don't spam with multiple PRs for same issue
  • Don't copy code without understanding
  • Don't make unnecessary changes
  • Don't ignore code review feedback
  • Don't forget to update documentation when needed

Contribution Levels

Level Description Points Badge
🥉 Beginner Fix typos, update docs, minor bug fixes 5-10 Beginner
🥈 Intermediate Add features, improve UI/UX, performance 15-25 Intermediate
🥇 Advanced Major features, architecture improvements 30-50 Advanced

Overview

Hero Section

Codeforces Quest delivers a streamlined and enhanced experience tailored for competitive programmers on Codeforces.

With improved UI elements, a sleek dark theme, and a fully integrated code editor, this extension offers everything you need for a smooth and seamless coding experience on Codeforces.


Features

1. Powerful Monaco Code Editor with Built-in Execution and Persistent Storage Features

Code Editor

Write, test, and submit your code right from the problem page using our advanced Monaco editor—no need to switch tabs or upload files manually.

🔑 Key Features

  • 🗂️ Default Language Selector

    • Easily switch between popular languages: C++, Python, Java, JavaScript, Kotlin, Go, Rust, Ruby
  • 🧑‍💻 Rich Monaco Editor Capabilities

    • Syntax highlighting with multiple theme options

    • Intelligent code suggestions and autocomplete

    • Customizable indentation, line wrapping, and font size

    • Minimap for quick navigation

    • Line numbers and full editor personalization

  • ⚙️ Built-in Code Execution System

    • Automatically save code locally for each problem

    • Retrieve previous submissions on revisit

    • Efficiently manage 1000+ files (200+ lines each)

    • Optimized storage using HashMap + Queue cleanup logic

  • ⏱️ Practice Mode Enhancements

    • Built-in timer to track practice sessions

    • Auto-tab indentation for smooth coding flow

    • Language-specific code formatting support

This all-in-one solution brings coding, testing, and submission into a unified, streamlined interface—supercharging your competitive programming experience on Codeforces.

2. Code Execution

Experience fast, reliable code execution directly within the editor, powered by the robust Judge0 API. Enjoy real-time feedback across multiple languages without leaving the problem page. Our system seamlessly handles compilation results, making debugging clear and efficient.

  • 🔌 API Configuration

    • Secure and scalable code execution using Judge0

    • Supports multiple languages with real-time output

    • Seamless integration with editor for code submission and result fetching

    Api Configuration

  • 📤 Compilation Results Handling

    • Structured output displaying

      • Execution results

      • Time and memory metrics

      • Compilation and runtime errors (with syntax context)

    • Color-coded feedback for fast debugging

    • Clear distinction between sample test cases and custom inputs

    Test Case Pass Test Case Fail
  • 🚧 Limitations and Future Enhancements

    • Current Limitations

      • No support for interactive problems yet

      • Editor settings are not synced across devices

      • Supports live contests but does not display the scoreboard.

      • Requires internet access for code execution via Judge0

    • Upcoming Features

      • Interactive problem support

      • AI-powered hint system and problem insights

      • Contest mode with lockable editor and timed submissions

      • GitHub integration to sync and save progress

While currently limited in some areas, Codeforces Quest is rapidly evolving with exciting features like interactive problem support, AI-powered hints, and contest modes. We’re committed to enhancing your coding workflow with smarter tools and seamless integrations.

3. Dark Mode with Enhanced Customization Options

Dark theme support

Codeforces Quest features a carefully optimized dark theme that enhances visual comfort, especially during long coding sessions. It delivers a seamless and consistent appearance across the entire platform.

🌙 Key Features of the Dark Theme

  • Eye Comfort: Minimizes eye strain by reducing screen-to-environment contrast, ideal for low-light conditions and long coding sessions.

  • Battery Efficiency: Helps save battery on OLED and AMOLED devices by limiting bright pixel usage.

  • Enhanced Code Readability: Syntax highlighting is carefully optimized to make keywords, variables, and comments stand out clearly without causing visual fatigue.

  • User Control: Easily toggle between dark and light modes to suit your personal preference anytime.

  • Theme Customizer: Personalize your dark theme experience with adjustable settings including

    • Brightness
    • Contrast
    • Sepia tone
    • Grayscale
    • Invert colors
  • Theme Presets: Quickly switch between curated theme presets for fast and convenient visual adjustments.

4. Editor Theme Selection

Editor theme support

Codeforces Quest now offers a diverse selection of editor themes tailored to fit your unique coding style and preferences.

  • 🏛️ Classic Themes: Default, Dark, Light, High Contrast — timeless and reliable.

  • 🌟 Popular Coding Themes: Monokai, Dracula, GitHub, Nord, Solarized, and many more to fit your vibe.

  • 🔄 Seamless Switching: Change themes instantly without interrupting your flow.

  • 👀 Theme Preview: Try before you pick to find your perfect coding look.

5. Custom Templates & Smart Cursor Placement

Custom template

  • ✨ Auto-Loaded Templates: Automatically load your custom code templates when opening a new problem—no more writing boilerplate from scratch.

  • ⚙️ Predefined Boilerplate: Include common code like I/O functions, imports, and debug snippets to jump straight into solving.

  • 🚀 Boosts Productivity: Focus directly on problem-solving, reducing setup time during contests or practice.

  • 🎯 Smart Cursor Placement: Use the $0 marker in your template to set the starting cursor position exactly where you need it.

  • 🔁 Cursor Memory: Remembers your cursor position when switching tabs or revisiting problems—pick up right where you left off.

6. UI Enhancements

Login UI Problem UI

Codeforces Quest upgrades the overall UI of Codeforces, making it more accessible, visually polished, and user-friendly.

Interface elements are repositioned and refined for a cleaner layout and smoother navigation experience.

  • 🎨 Refined Interface: Makes Codeforces more accessible, visually appealing, and user-friendly.

  • 🧭 Improved Layout: Optimized element positioning for a cleaner and more intuitive navigation experience.

  • 🗂️ Structured Problemset Page: Enhanced alignment and spacing for a more organized and readable layout.

  • 🔐 Modernized Auth Pages: Redesigned login and registration pages for a smoother and faster onboarding experience.

  • 🌑 Dark Theme Consistency: Custom styling across extension components to perfectly match the dark theme.

  • 🕹️ User Control: Toggle the enhanced UI on or off at any time—switch easily between the original and improved layouts based on your preference.

7. Code Formatting

Codeforces Quest now features a powerful built-in code formatter to keep your code neat and readable

  • ⚡ One-Click Formatting for all supported languages

  • 📘 Language-Specific Rules to match standard coding styles

  • 🔧 Customizable Indentation to suit your personal preferences


Browser Compatibility

Codeforces Quest now works seamlessly across multiple browsers:

This cross-browser support ensures a seamless Codeforces Quest experience, no matter which browser you prefer to use.


How to Get and Set Up Your API Key?

To enable the Run Code feature, follow these simple steps:

  1. Go to Sulu > Consumer Dashboard

  2. Sign up or log in to your Sulu account

  3. Under the Authentication section, copy your Live API Key

    Api key

  4. Make sure to subscribe to activate API usage

  5. Open the Codeforces Quest extension and navigate to API Settings

  6. Click Edit, then paste your API key

    Edit api key

  7. Hit Save — the Run Code feature is now ready to use!


Contributing

Contributions make this project better and help build an amazing open-source community.

If you'd like to contribute, please check out our Contribution Guide to get started with setup instructions, guidelines, and best practices.

We welcome your ideas, bug fixes, and new features!


📄 License

This project is licensed under the MIT License.
Feel free to use, modify, and share it. See the LICENSE file for details.


📢 Contact

If you have any suggestions, questions, or feedback, feel free to reach out:


🌟 Support & Share

If you find this repository helpful:

  • ⭐ Star it on GitHub
  • 🍴 Fork it to build your own version
  • 📣 Share it with your developer friends and communities!

✨ Contributors

Thanks to all the wonderful contributors 💖

Contributors

About

Codeforces Quest ⚔️ Chrome extension to boosts your experience with a built-in editor, templates, timer, and sleek dark UI.

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 84.7%
  • JavaScript 11.8%
  • CSS 2.5%
  • HTML 1.0%