AI Coding Tutor

AI coding companion for LeetCode & HackerRank. Supports OpenAI & Gemini. Hints, code review, voice chat, and interview practice.

As of June 2026, AI Coding Tutor has 10 users in the Productivity category.

Usersup 66.7 percent+66.7%
10
10
Ratingno change0%
— reviews
Reviewsno change0%
Version
5.5
Manifest V3
90-day change · In the last 90 days this extension 1 version update, changed permissions.

History

8 snapshots

Tracking since Apr 1, 2026.

10.47.54.6Apr 1, 2026Jun 6, 2026
View as table
DateUsersRatingReviewsVersion
Apr 1, 202665.3
Apr 16, 202675.3
Apr 23, 202675.5
Apr 30, 202685.5
May 7, 202695.5
May 17, 202675.5
May 31, 202655.5
Jun 6, 202695.5
Now105.5

Changelog

  • Apr 16, 2026
    description
    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:
    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). https://platform.openai.com/api-keys
    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.
    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.
  • Apr 16, 2026
    short_description
    Your interactive AI coding companion. Features voice chat, Socratic questioning, literal code tracing, and interview practice.
    AI coding companion for LeetCode & HackerRank. Supports OpenAI & Gemini. Hints, code review, voice chat, and interview practice.
  • Apr 16, 2026
    host_permissions
    https://leetcode.com/*, https://www.hackerrank.com/*, https://api.openai.com/*
    https://leetcode.com/*, https://www.hackerrank.com/*, https://api.openai.com/*, https://generativelanguage.googleapis.com/*

Permissions & access

Permissions
storageactiveTab
Host access
https://leetcode.com/*, https://www.hackerrank.com/*, https://api.openai.com/*, https://generativelanguage.googleapis.com/*

Screenshots

AI Coding Tutor screenshot 1AI Coding Tutor screenshot 2AI Coding Tutor screenshot 3AI Coding Tutor screenshot 4

About

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.

Technical

Version
5.5
Manifest
V3
Size
81.08KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
dkdjjjmjlbepieomjacfdllojiblpeji
Developer ID
u24a9b56e5528892df5a4ce8a86dadaec
Developer Email
[email protected]
Created
Jan 5, 2026
Last Updated (Store)
Apr 1, 2026
Last Scraped
Jun 6, 2026
Website
Support URL

Similar extensions

Alternatives to AI Coding Tutor, ranked by description similarity.

Data sourced from the Chrome Web Store · last verified Jun 6, 2026.