CodeSight is a concept for a platform that would help developers practice reading, understanding, and debugging realistic multi-file codebases. Unlike typical coding platforms that focus on algorithms or small exercises, CodeSight aims to teach real-world debugging skills, giving users the experience of navigating and fixing messy code similar to professional projects.
Inspiration
Most coding learning platforms focus on small, isolated exercises, leaving many junior developers and hobbyists unprepared for real-world codebases. AI-generated code is also increasingly common, which creates a growing need for developers to spot bugs and understand unfamiliar projects. CodeSight was inspired by this gap in coding education, aiming to teach skills that are directly relevant in professional development environments.
What it will do
- Offers packs of 10 codebase challenges, each with 6–15 files and 1–3 intentional bugs.
- Simulates realistic scenarios, such as broken authentication, failing APIs, or incorrect business logic.
- Would provide a web IDE with multi-file view, syntax highlighting, and a client-side test runner.
- Tracks user progress and optionally issues a certificate of completion.
- Challenges are designed in advance, so there is no need for expensive real-time AI generation.
How we plan to build it
- Frontend / backend: Next.js + React + TailwindCSS
- IDE / editor: Monaco Editor for multi-file editing
- Testing: Client-side sandboxed tests for validating fixes
- Hosting: Vercel for low-cost deployment
- Data:MongoDB for tracking progress, leaderboards, and certificates
- Challenges will initially be manually designed to ensure realism; AI tools could assist future packs if needed.
Challenges we anticipate to run into
- Designing codebases that are realistic and complex enough to teach debugging but not overwhelming.
- Ensuring the test environment is safe and sandboxed.
Accomplishments that we're proud of
- Defining a novel approach to teaching debugging in multi-file projects.
- Outlining a complete MVP plan that is feasible, cost-effective, and scalable.
- Conceptualising challenges that mirror real professional development scenarios.
What we learned from market research
- Debugging is a separate skill from writing code and is rarely taught explicitly.
- Even with AI-generated code, human understanding and reasoning are still essential.
- Multi-file realistic exercises are far more engaging and educational than isolated small problems.
What's next for CodeSight
- Build a 10-challenge MVP pack with a basic online IDE and client-side test runner.
- Test the MVP with students and hobby developers for feedback and iteration.
- Expand with more challenges, difficulty levels, and optional certificates for learners.
Log in or sign up for Devpost to join the conversation.