📘 CodeUnboxed – AI-Powered Code Explanation Tool

Live Demo: 🌐 https://codeunboxed.web.app
GitHub Repo: 🔗 https://github.com/ARAVIND281/CodeUnboxed

CodeUnboxed is an AI-powered code explanation tool built for developers, students, and educators. Just paste your code snippet, select a language and level, and get a clean, markdown-formatted explanation powered by Groq’s LLaMA 3 models.

Perfect for:

• Students learning programming
• Developers reviewing unfamiliar code
• Interviews, walkthroughs, and code documentation

• 🧾 Paste code in 15+ languages
• 🧠 AI-powered explanation using Groq LLMs
• 🧪 Switch between Basic and Advanced modes
• 📄 Clean, markdown-styled output
• 🖥️ Responsive UI with Tailwind and ShadCN
• 💡 React + FastAPI architecture

CodeUnboxed/
│
├── backend/                  # FastAPI server
│   ├── app/
│   │   ├── api.py
│   │   ├── groq_client.py
│   │   └── models.py
│   ├── main.py
│   ├── start.py
│   ├── requirements.txt
│   └── .env
│
├── codeunboxed-frontend/    # React + Vite frontend
│   ├── src/
│   ��   ├── components/
│   │   │   └── CodeExplainer.tsx
│   │   └── App.tsx
│   ├── index.html
│   ├── main.tsx
│   ├── tailwind.config.js
│   └── .env
│
├── example/                 # Screenshots and demo
│   ├── screenshot-input.png
│   ├── screenshot-output.png
│   └── demo.mp4
│
└── README.md

git clone https://github.com/ARAVIND281/CodeUnboxed
cd CodeUnboxed

cd backend
pip install -r requirements.txt
python start.py

✅ Create a .env file with your GROQ_API_KEY.

cd codeunboxed-frontend
npm install
npm run dev

Then open: http://localhost:5173

Made by Aravind S
🔗 LinkedIn
💻 GitHub

If you liked the project, consider giving it a ⭐️ on GitHub to support my work and help others discover it!