cses-github-extension

Seamlessly sync your CSES problem solutions with GitHub

Comment

Inspiration

As a student working through the CSES Problem Set, I often found myself switching back and forth between the CSES website and GitHub to save my solutions. This manual process was repetitive, error-prone, and disrupted my flow. I wanted a way to automatically manage my progress : write solutions on CSES, check correctness, and have them neatly organized on GitHub without extra copy-paste work.
That’s where the idea for CSES-GitHub Extension was born.

What it does

The CSES-GitHub Extension is a lightweight browser extension that connects the CSES Problem Set with GitHub.
It allows users to:

  • Save and sync solutions directly to a chosen GitHub repository.
  • Organize code files by problem ID, title, and category for easy tracking and showcasing progress.
    In short, it removes the friction of copy-paste and helps students build a public portfolio of their problem-solving journey. ## How we built it Vanilla HTML, CSS, and JavaScript - kept the project beginner-friendly and framework-free.
    GitHub REST API - used 'fetch()' calls to create commits and push solutions.
    Chrome Storage - remembered tokens, repository names, and user preferences. ## Challenges we ran into Handling GitHub API authentication securely without exposing tokens.
    Designing a seamless workflow that worked across browsers (Chrome, Edge, Brave) while keeping everything lightweight.
    ## Accomplishments that we're proud of Built a fully functional browser extension from scratch without relying on frameworks.
    Created a smooth GitHub integration that organizes solutions automatically.
    Learned to work within the constraints of browser extensions and still deliver a clean, usable product.
    Solved a personal problem that many students face and turned it into a shareable tool. ## What we learned The ins and outs of Chrome Extension development. How to integrate with external APIs (GitHub REST API) using vanilla JavaScript.
    Best practices for async programming with promises and fetch().
    The importance of good UX even in small tools like extensions.
    ## What's next for cses-github-extension Dark mode support for the popup UI.
    Integration with GitHub Actions for automated solution testing.
    Making the extension available on the Chrome Web Store for easy installation by students worldwide.
Share this project:

Updates