💡 AI Code Explainer

Understand Any Code Instantly with AI

🚀 Live Demo • 📥 Download • 📖 Documentation

✨ What is AI Code Explainer?

AI Code Explainer is a revolutionary Chrome extension that uses advanced AI to explain any code snippet instantly. Whether you're browsing GitHub, StackOverflow, or any website with code, just select the code and get a beginner-friendly explanation in seconds!

🎯 Key Highlights

⚡ Lightning Fast - Get explanations in 2-4 seconds
🌍 Works Everywhere - GitHub, StackOverflow, GitLab, and any website
🔒 Privacy First - Your code never leaves your browser
🎓 Beginner Friendly - Clear explanations anyone can understand
💰 Free to Start - 10 free explanations per day

🚀 Features

🆓 Free Tier

✅ 10 explanations per day
✅ Works on GitHub & StackOverflow
✅ Basic AI explanations
✅ Language detection
✅ Code snippets up to 30 lines

💎 Pro Tier

✅ Unlimited explanations
✅ Works on ALL websites
✅ Advanced AI insights
✅ No line limits
✅ Time & space complexity analysis
✅ Code optimization suggestions
✅ Explanation history

💰 Pricing Plans

Plan	Price	Best For	Features
🆓 Free	$0	Casual Users	10 explanations/day, Basic features
📅 Monthly Pro	$9/month	Active Developers	Unlimited explanations, All features
📆 Yearly Pro	$99/year	Serious Developers	Save 17%! All features
🏆 Lifetime Pro	$199	Professional Devs	Pay once, use forever!

🎯 Try Free Now • 💳 Upgrade to Pro

📦 Installation

For Users

Option 1: Chrome Web Store (Recommended)

🔍 Search "AI Code Explainer" in Chrome Web Store
📥 Click "Add to Chrome"
✅ Start explaining code instantly!

Option 2: Manual Installation

Download this repository as ZIP
Extract the ZIP file
Open Chrome and go to chrome://extensions/
Enable Developer mode (toggle in top right)
Click Load unpacked
Select the extracted folder
Done! The extension is now installed

For Developers

# Clone the repository
git clone https://github.com/kreggscode/aicodeexplainer.git

# Navigate to project
cd aicodeexplainer

# Install backend dependencies
cd backend
npm install

# Load extension in Chrome
# Go to chrome://extensions/
# Enable Developer mode
# Click "Load unpacked" and select the project folder

🎮 How to Use

1️⃣ Select Code

Highlight any code snippet on GitHub, StackOverflow, or any website

2️⃣ Click Button

Click the 💡 "Explain Code" button that appears

3️⃣ Get Explanation

Receive instant AI-powered explanation in plain English!

🛠️ Tech Stack

🔧 Configuration

API Setup

1. Pollination AI (Required)

# Get your free API key from https://pollination.ai
POLLINATION_API_KEY=your_api_key_here

2. Razorpay (For Payments)

# Sign up at https://razorpay.com
# Get keys from Dashboard → Settings → API Keys
RAZORPAY_KEY_ID=rzp_test_your_key_id
RAZORPAY_KEY_SECRET=your_secret_key

🧪 Testing

Local Testing

Load extension in Chrome (Developer Mode)
Visit GitHub or StackOverflow
Select any code snippet
Click the 💡 button
Verify explanation appears

Payment Testing

Use Razorpay test cards:

Card Number: 4111 1111 1111 1111
CVV: 123
Expiry: 12/25

📊 Monetization

Revenue Potential

Users	Monthly Revenue	Yearly Revenue
1,000	$4,500 - $9,000	$54,000 - $108,000
10,000	$45,000 - $90,000	$540,000 - $1,080,000
100,000	$450,000+	$5,400,000+

🚢 Publishing to Chrome Web Store

Requirements Checklist

Publishing Steps

Create Developer Account ($5 one-time fee)
- Visit Chrome Web Store Developer Dashboard
Prepare Package
- Zip your extension folder
- Ensure manifest.json is valid
Upload & Submit
- Upload ZIP file
- Fill in all required information
- Submit for review
Wait for Approval (1-3 business days)

🤝 Contributing

We welcome contributions! Here's how:

🍴 Fork the repository
🌿 Create a feature branch (git checkout -b feature/AmazingFeature)
💻 Make your changes
✅ Commit your changes (git commit -m 'Add some AmazingFeature')
📤 Push to the branch (git push origin feature/AmazingFeature)
🎉 Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Support & Contact

Need Help?

📧 Email: kregg@kreggscode.com
🐛 Issues: Report a Bug
💬 Discussions: Join the Discussion

🙏 Acknowledgments

Special thanks to:

Pollination AI - For providing free, accessible AI APIs
Razorpay - For seamless payment integration
Chrome Extensions Team - For the powerful extension platform
Open Source Community - For inspiration and support

🗺️ Roadmap

Coming Soon

🌐 Support for GitLab & Bitbucket
💻 VS Code extension version
🔄 Code comparison features
📊 Code quality scoring
🔌 IDE integrations (IntelliJ, PyCharm, etc.)
👥 Team collaboration features
🌍 Multi-language support (Spanish, French, etc.)
📱 Mobile browser support

📈 Stats

Made with ❤️ by kreggscode

Powered by Pollination AI 🌸

⭐ Star this repo if you find it helpful! ⭐

🚀 Get Started • 📖 Documentation • 💬 Support

Name		Name	Last commit message	Last commit date
backend		backend
docs		docs
icons		icons
styles		styles
utils		utils
.env.example		.env.example
.gitignore		.gitignore
LICENSE		LICENSE
PRIVACY_POLICY.md		PRIVACY_POLICY.md
README.md		README.md
TERMS_OF_SERVICE.md		TERMS_OF_SERVICE.md
background.js		background.js
contentScript.js		contentScript.js
index.html		index.html
manifest.json		manifest.json
netlify.toml		netlify.toml
package.json		package.json
popup.html		popup.html
popup.js		popup.js
privacy.html		privacy.html
push.bat		push.bat
terms.html		terms.html

Latest commit

History

Folders and files

Repository files navigation