CodeWhisper Lite

CodeWhisper Lite – Project Story

About the Project

CodeWhisper Lite is an AI-powered browser extension that explains any highlighted code in simple, human language. Whether you're browsing GitHub or Stack Overflow, it instantly breaks down complex code into easy-to-understand steps.

Inspiration

We noticed that beginners often struggle to understand code snippets online. Even experienced developers sometimes spend unnecessary time decoding unfamiliar logic. This inspired us to create a tool that simplifies code understanding instantly.

What We Learned

During this project, we learned how to integrate AI APIs into a browser extension, handle real-time text extraction, and optimize responses for clarity and speed. We also improved our understanding of user experience design for developers.

How We Built It

We built CodeWhisper Lite as a browser extension using JavaScript. It captures selected code from webpages and sends it to an AI model, which processes and returns a simplified explanation. The extension then displays the explanation in a clean popup interface.

// Example: capturing selected text
const selectedText = window.getSelection().toString();
console.log(selectedText);

Built With

• api
• apis
• browser
• css
• extension
• github
• html
• javascript
• openai