AI Coding Tutor

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 How to obtain OpenAI API Key - Access the Platform: Go to the OpenAI Platform and log in. - Create Key: Click on "API Keys" in the left-hand menu and select "+ Create new secret key". - Name and Secure: Name your key for reference. Copy and store the key securely, as it will be hidden after you close the window. - Billing/Limits: Ensure you have billing set up or available credits, as you may need to add payment details to use the API. Setup — OpenAI GPT: Go to any LeetCode problem page. Click the Settings (⚙️) icon in the overlay. Select the OpenAI (GPT) tab. Enter your OpenAI API Key from platform.openai.com/api-keys. Click Save & Continue. Setup — Google Gemini (Free): Click the Settings (⚙️) icon in the overlay. Select the Google Gemini tab. Enter your Gemini API Key from aistudio.google.com/app/apikey. Choose a model (Gemini 2.0 Flash recommended for free tier). Click Save & Continue. 🔒 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 and Gemini Direct Communication: The extension communicates directly from your browser to OpenAI and Gemini. 💡 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.