Inspiration

The idea for AI Code Mentor was born out of the frustration developers face when searching for detailed explanations about a piece of code. Often, this process involves jumping between multiple tabs, piecing together scattered information, and sometimes making mistakes due to conflicting inputs from different webpages. I wanted to address this pain point by creating a reliable, all-in-one companion that provides clear explanations, highlights real-world applications, and guides learning—streamlining the process and making understanding code snippets simpler and more efficient for everyone.


What it does

AI Code Mentor is a Chrome extension designed to demystify code snippets in any programming language. It provides:

  • Purpose of the code.
  • Step-by-step explanations for every line of code.
  • Real-world applications to showcase where the code is used.
  • Clear insights to avoid common pitfalls or mistakes.
  • Beginner-to-advanced progression, making it suitable for all learning levels.

How I built it

I built AI Code Mentor using:

  • Frontend: HTML, CSS, and JavaScript for creating a lightweight and seamless Chrome extension interface.
  • Backend: AI-powered engine for analyzing and generating explanations.
  • Integration: Gemini Nano to provide contextual and accurate code insights.
  • Chrome APIs: Exploratory APIs such as the Prompt API.

Each component was carefully designed to ensure the tool is responsive, intuitive, and efficient.


Challenges I ran into

  • Code interpretation across languages: Ensuring the tool could effectively analyze and explain diverse programming languages.
  • Balancing simplicity and depth: Crafting explanations that are both beginner-friendly and insightful for advanced users.

Accomplishments that I am proud of

I am proud to have built the AI Code Mentor Chrome extension, which not only assists users but also supported me in its development. As a Java developer, this tool helped me understand AI APIs clearly and makes learning new languages and code snippets much easier.


What I learned

  • How easy it is to build a Chrome extension.
  • The importance of creating tools that cater to both beginners and advanced users.

What's next for AI Code Mentor

  • Customizable insights: Tailoring explanations based on user preferences or skill levels.
  • Language support expansion: Covering more programming languages and frameworks.
  • Spoken Languages: Delivering explanations in multiple spoken languages, making it accessible to users worldwide and helping them understand code in their preferred language effortlessly.

Our vision is to make AI Code Mentor the go-to tool for anyone looking to learn, understand, or master code.

Built With

Share this project:

Updates