Skip to content

An AI-powered platform that explains, debugs, and visualizes code with interactive flowcharts, 3D models, and voice narration.

License

Notifications You must be signed in to change notification settings

skhandel826/CodeClarity

 
 

CodeClarity

GitHub stars
GitHub forks
GitHub watchers

An AI-powered platform that explains, debugs, and visualizes code with interactive flowcharts, 3D models, and voice narration.

Line

💡 Full Project Vision

Build an intelligent AI-powered web platform that accepts both pasted code snippets and uploaded text/code files in multiple programming languages including C, C++, Python, Java, and JavaScript, and generates detailed, easy-to-understand code explanations.

The platform supports multiple comprehension levels (e.g., for 10-year-olds or 20-year-olds), making it accessible to all kinds of learners. It visualizes logic and flow with animated flowcharts, 3D models for arrays/matrices/trees/graphs, and includes a “Why?” mode for line-by-line explanations.

It can:

  • Fix buggy code and explain the mistake.
  • Narrate code in natural voice.
  • Analyze complexity (time & space).
  • Execute code step-by-step in a sandbox.
  • Track code evolution over time.
  • Suggest smart optimizations with side-by-side comparisons.
  • Auto-generate quizzes, test cases, and summary files.

Line

✨ Features

🧠 Multi-level code explanation (kids to advanced learners)

🔍 "Why?" mode for line/block explanation

🎞️ Interactive flowcharts and 3D visuals of logic & data structures

🎙️ Voice-based narration of code

🧪 Secure sandbox for real-time execution and variable tracking

📊 Complexity analysis (time & space)

🛠️ Smart code fixes and refactor suggestions

🧩 Auto quiz + test case generator

📤 Export visuals, diagrams, summaries

💬 Real-world analogies for better understanding

🔗 GitHub repo import and version tracking

Line

🔐 Ownership & Authorship

This project and its concept were originally created and led by:

👩 Damacharla Sushma
🗓️ Idea Creation: July 28, 2025
🔗 GitHub Profile

All rights reserved.
Please do not copy or redistribute this project without explicit written permission from the author.

Line

💡 Suggest Improvements

You can:

  • Open an Issue describing the suggestion/bug and expected behavior
  • Fork the repo, create a feature branch, make changes, and submit a Pull Request (PR)

Quick PR steps

fork → git clone
cd CodeClarity

# make edits
git add .
git commit -m "Commit Message Here"
git push -u origin docs/update-readme
# open a PR from your fork

Line

🙌 Getting Started

Clone this repo and start contributing!

git clone https://github.com/Sushma-1706/CodeClarity.git
cd CodeClarity
npm install
npm run dev

👀 View the Code
🔗 GitHub Repository →

📄 License
This project is licensed under the MIT License.
You can use, modify, and distribute this project freely, but attribution is required.
“You can do almost anything you want with this code, just don’t hold us liable, and please keep our names in it.”

Show some  ❤️  by  🌟  this repository!

About

An AI-powered platform that explains, debugs, and visualizes code with interactive flowcharts, 3D models, and voice narration.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.4%
  • CSS 2.9%
  • JavaScript 1.3%
  • HTML 0.4%