Free Learning Resource

DevTools Security Lab

Master Chrome DevTools by hunting for 15+ hidden secrets in a vulnerable demo application

🔓

Vulnerable Demo

A realistic chat app loaded with exposed API keys, hidden configs, and security mistakes waiting to be discovered.

Launch Demo
📖

Step-by-Step Guide

Detailed walkthrough showing exactly how to find every secret using each DevTools panel.

Start Walkthrough
15+
Hidden Secrets
8
DevTools Panels
14
Guided Steps
1
Easter Egg

How It Works

1

Open the Demo

Launch the vulnerable demo app in Chrome

2

Open DevTools

Right-click and select "Inspect" or press Ctrl+Shift+I

3

Follow the Guide

Work through each step to find hidden secrets

4

Master DevTools

Learn skills you will use every day as a developer

⚠️ Educational Purpose Only

All credentials in this demo are completely fake. This lab teaches you to recognize security vulnerabilities so you can avoid them in your own applications. Never use these techniques maliciously on real websites.