CodeClarity

Inspiration

Our group recently started competitive programming and we have been training to join the UCF programming team. When stuck on problems, we wanted a tool to guide us in understanding them better, which inspired this project.

What it does

The extension breaks down Codeforces problems into simple stories, visual aids, and sample examples—helping users grasp problem concepts without giving away solutions.

How we built it

We built a Chrome extension interface with JavaScript that scrapes relevant info from Codeforces pages. This data is sent to a AI agent workflow that produces a synopsis of the question alongside a relevant animation.

Challenges we ran into

The biggest challenges were rendering visuals correctly inside the extension and connecting JavaScript with Python, as we had minimal experience integrating multiple languages in one project.

Accomplishments that we're proud of

We successfully created a modular system combining frontend scraping and backend processing, delivering clear conceptual aids that improve problem understanding for competitive programmers.

What we learned

We gained significant knowledge about Chrome extensions, modular design, multi-language integration, and how to build tools that enhance coding problem comprehension.

What's next for CodeClarity

We plan to improve the visuals, add more interactive aids, support more competitive programming platforms, and enhance user customization to better assist learners