AI Coding Tutor

Your interactive AI coding companion. Features voice chat, Socratic questioning, literal code tracing, and interview practice.

Your personal coding companion designed specifically for career switchers and beginners. 🚀 Overview The AI Coding Tutor is a personal, interactive coding companion designed to help you learn concepts, not just copy answers. It lives directly inside your browser as a floating overlay on LeetCode and HackerRank, providing real-time guidance, literal code tracing, and interview practice. ✨ Key Features: 🧠 Interactive Learning: - Socratic Method: The AI doesn't just give you the answer. It asks follow-up questions to test your understanding (e.g., "Now that we fixed the loop, what happens if the array is empty?"). - Literal Code Tracing: Prevents confusion by tracing your code exactly as written, highlighting logic errors like off-by-one bugs or loop termination issues step-by-step. - Business Analogies: Explains complex algorithms using relatable scenarios (e.g., "Think of a HashMap like a library card catalog..."). 🗣️ Voice & Interview Practice: 🎙️ Voice Input: Click the microphone to speak your questions or explain your logic naturally. 🔊 Text-to-Speech (TTS): Enable the speaker toggle to hear the AI's response read aloud. Practice Interview Mode: Simulate a real whiteboard interview. Explain your approach verbally, and the AI will critique your communication, clarity, and technical accuracy. 🎨 Professional UI Floating Overlay: A non-intrusive, draggable panel that stays with you as you code. Smart Layout: Tightly integrated UI that never blocks critical platform features. Dark/Light Mode: Automatically syncs with your preference or can be toggled manually. 🛠️ Installation Download: Get the ai_coding_tutor_v4.16_interactive.zip file. Unzip: Extract the contents to a folder. Load in Chrome: Open Chrome and navigate to chrome://extensions/. Enable Developer mode (top right toggle). Click Load unpacked. Select the unzipped folder. Setup: Go to any LeetCode/HackerRank problem page. Click the Settings (⚙️) icon in the overlay. Enter your OpenAI API Key (stored locally on your device for privacy). Select your preferred model (GPT-4o recommended for best reasoning). 🔒 Privacy & Security Local Storage: Your API key is stored only in your browser's local storage. It is never sent to any third-party server other than OpenAI. Direct Communication: The extension communicates directly from your browser to OpenAI. 💡 How to Use Explain Problem: Stuck on the description? Get a simple breakdown with analogies. Get a Hint: Need a nudge? Get a logic hint without spoiling the code. Review My Code: Have an error? The AI will trace your code and pinpoint the exact logic flaw. Practice Interview: Switch to practice mode, click the mic, and explain your solution out loud! Empower your coding journey today with the AI Coding Tutor.