🔒

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.

Ln 1, Col 1

Shortcut: Tab indents • Ctrl+Enter runs 0 chars

🖥️

Preview Canvas

📱 Mobile View (390px)

⚡

Your preview will appear here

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

🐲

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.