🤖 AI Code Explainer

Paste your code, get instant AI-generated explanations.
Powered by Gemini AI and DeepSeek LLM.

🔗 Live Demo • Features • Tech Stack • Setup

---

🎯 Overview

AI Code Explainer is a full-stack GenAI tool that simplifies complex code into human-readable explanations using state-of-the-art LLMs. Ideal for students, developers, and interview prep.

---

✨ Features

• 📤 Paste your source code
• 🔍 AI explains it in plain language
• 💡 Supports multiple languages (via LLMs)
• 🔗 Hosted on Vercel (frontend) and Render (backend)
• 🔐 API keys secured via environment variables

---

🛠 Tech Stack

---

🚀 Live Demo

🌐 Frontend: https://ai-code-explainer-pi.vercel.app
⚙️ Backend: https://ai-code-explainer-cwd2.onrender.com

---

📦 Getting Started

🔧 Prerequisites

• Node.js ≥ v16
• Yarn or npm

🖥️ Local Setup

# Clone repo
git clone https://github.com/yourusername/ai-code-explainer.git
cd ai-code-explainer

# Install frontend
cd frontend
npm install
echo "REACT_APP_API_URL=http://localhost:5000/api" > .env

# Install backend
cd ../backend
npm install
echo "PORT=5000
GEMINI_API_KEY=your_gemini_key" > .env

# Start backend
node server.js

# Start frontend (in separate terminal)
cd ../frontend
npm start