CodeAI is a web platform with a Chrome extension that helps users understand, debug, and improve code using AI, track progress, and practice with challenges.
-
Chrome Extension
- Explain, fix errors, improve, and predict outputs directly from any webpage.
-
Website Dashboard
- View your analysis, query history, courses progress, and challenges.
-
Courses & Challenges
- Learn coding via interactive lessons and practice challenges.
- Currently supports JavaScript challenges.
-
Community & Stack (Coming Soon)
- Plan to add social coding features and community leaderboards.
Follow these steps to install and run CodeAI locally.
- Google Chrome
- An OpenAI API Key (Get your key here)
-
Download & Extract
- Go to the CodeAI website
- Download the CodeAI extension ZIP
- Extract the ZIP folder on your computer
-
Add Your API Key
- Open
background.jsinside the extracted folder - Find the line:
const OPENAI_KEY = "YOUR_API_KEY_HERE";
- Replace
"YOUR_API_KEY_HERE"with your own OpenAI key
- Open
-
Load the Extension in Chrome
- Open Chrome and go to:
chrome://extensions/ - Enable Developer Mode (top-right toggle)
- Click Load unpacked
- Select the extracted CodeAI folder
- The CodeAI icon should now appear in your Chrome toolbar
- Open Chrome and go to:
- Highlight any code or text on a webpage
- Right-click → choose the CodeAI options:
- Explain: Understand the code
- Error: Detect issues
- Improve: Optimize your code
- Output: Predict results
- Track your queries and course progress
- Solve coding challenges (JS only for now)
- Explore your learning roadmap
- Click the CodeAI icon in Chrome toolbar
- Choose Light/Dark theme
- Select Response Detail Level (Simple / Detailed)
- Save your settings
This project is licensed under the MIT License - see the LICENSE.md file for details.