🔒

CodeMentor Access Gate

Please set up your personal access PIN to protect local API configurations and progress.

Create 4-8 Digit Passcode:

Confirm Passcode:

Enter Your Passcode:

Note: Passcodes are hashed with SHA-256 client-side using the Web Crypto API. This provides a lightweight access gate in the browser; static applications cannot provide absolute server-grade secrets.

</>

CodeMentor Playground

Choose Debugging Challenge

General Beginner In Progress

Starter Playground Project

Write HTML, CSS, and JS, or select a challenge above to practice debugging.

🖥️

Preview Canvas

Sandboxed

⚡

Your preview will appear here

Write your HTML, CSS, and JavaScript, then click Run Code or press Ctrl + Enter.

Ln 1, Col 1

Shortcut: Tab indents • Ctrl+Enter runs code 0 chars

No console messages yet. Run your code to see output.

No runtime exceptions recorded. Clean execution!

Click Audit to test your rendered preview against WCAG 2.1 AA rules with axe-core.

Click Audit to check HTML structure, doctype, tags, and label associations.

Click Audit to evaluate title, meta description, landmarks, and headings.

💡

AI Mentor

Socratic Hint Ladder: Ready for Hint 1 (Observation)

Gemini API Key required for AI Tutor features.

Ask AI Tutor a question

Auto-includes HTML, CSS, JS, console, and audit status

Settings & Security

Google Gemini API Configuration

An API key is required to power the AI Tutor. Keys can be generated from Google AI Studio.

Gemini API Key:

Status: Checking...

Security Disclaimer: Because CodeMentor runs entirely client-side on GitHub Pages without a backend server, your API key is stored strictly in your browser's localStorage. Never use production-sensitive keys in shared or public machines.