How do I debug when something breaks?

Debugging is frustrating for everyone, but there's a systematic approach that works:

Step 1: Read the error message Error messages seem cryptic at first but usually point directly to the problem. Copy the exact message and search for it or ask AI to explain it.

Step 2: Check the browser console Right-click in your browser, select 'Inspect', go to 'Console'. Red errors there tell you what's failing on the frontend.

Step 5: Simplify If something complex doesn't work, build a simpler version first. Get the basics working before adding complexity.

Common debugging scenarios:

'White screen of death': Usually a JavaScript error. Check browser console.

'It works locally but not deployed': Usually environment variables or build configuration.

'Data not showing up': Check database rules, API responses, and that data actually exists.

'Authentication not working': Often API keys or configuration in the auth service.

Debugging skill improves dramatically with practice. Track problems you encounter and their solutions-you'll see patterns.