https://www.aitamer.xyz/

🚀 CodeQuiz - AITamer

🎯 Inspiration

CodeQuiz was inspired by the challenges faced by developers when understanding unfamiliar codebases, whether working on legacy projects, contributing to open source, or learning new programming concepts.

Traditional approaches to learning and understanding code—like reading documentation or manually studying code—are often time-consuming and lack interactive feedback.

🔹 AI-Powered Learning: The increasing sophistication of large language models (e.g., Perplexity API) presents an opportunity to create personalized, automated code assessment tools.
🔹 Active Learning Research: Studies show that quizzes & interactive challenges improve retention compared to passive learning.

🛠️ What it does

CodeQuiz is a comprehensive web platform that provides:

✅ Multi-Source Code Processing

Upload individual code files, ZIP archives, or link GitHub repositories.

🤖 AI-Powered Code Summaries

Uses the Perplexity API and Gemini 2.0 to analyze and generate insights on:
- 📌 Code structure
- 📌 Functionality
- 📌 Design patterns
- 📌 Key concepts

📝 Customized Quizzes

*Automatically * generates quizzes:
- 🏆 Multiple-choice questions for theoretical understanding

📊 Progress Tracking & Skill Verification

Users can monitor their performance, track score.

🎨 Responsive UI

Modern, mobile-friendly interface with dark mode support.

🏗️ How we built it

Cursor A lot of debugging hours and deployment setting up

🔹 Frontend

🖥 React with TypeScript – Type-safe, component-based UI (built with Vite)
🛣 React Router – Seamless navigation
🎨 Tailwind CSS – Utility-first styling
📦 Shadcn UI Components – Consistent UI elements
🌍 Context API – Global state management (auth, theme)
🔗 Axios – API communication

🔹 Backend

🏗 Node.js with Express – Server framework
🗄 MongoDB with Mongoose – Database modeling
🔒 JWT Authentication – Secure user sessions
📂 Multer – Handles file uploads (code files & ZIPs)
🤖 Perplexity and Gemini – AI-powered code analysis & quiz generation

🛠 Key Features Implementation

📤 File Upload System – Uses UUIDs for unique file storage
🔗 GitHub Integration – Processes GitHub repos for analysis
⚙ Code Execution – Secure sandboxed environment
📱 Responsive Design – Supports both light & dark mode

🏆 Challenges we ran into

❌ Extracting relevant data for quiz generation
❌ Handling authentication complexities
❌ Implementing quiz saving & redo functionality
❌ Managing various file extensions
❌ Extract and compress files