Debug methodically and review before sharing

Lesson objective

By the end of this lesson, you will be able to write a complete debugging request (symptom, steps, expected result, error message), read the browser console, and review your app with a five-angle grid before deciding whether to share it.

Topics covered

• debugging
• browser console
• review
• quality
• coding agent

Where it fits

Iterate, debug and review

How do I evolve the tool without breaking it, and know whether it is ready to share?

Lessons in this module

1. Iterate in small, checked steps
2. Debug methodically and review before sharing (this lesson)

What you will learn in the course

This lesson is part of the course Build and ship a web app with an AI coding agent

• Frame a tool (problem, user, inputs, expected result) and write its acceptance criteria before generating a single line of code.
• Choose between a chat with artifacts, an app builder and a coding agent based on the need, the level of control required and the risk.
• Write a build request for a coding agent (context, scope, constraints, verification) and get a plan approved before any code is written.
• Set up the environment (terminal, Node.js, Git, Claude Code), run the application locally and explain what the main files of the generated project are for.
• Evolve and debug the application in small, checked, committed iterations, giving the agent the right context (symptom, steps, error message).
• Review the generated app before sharing it (behavior, edge cases, secrets, personal data, experience) and decide whether to ship, fix or stop.
• Publish the app from GitHub to a host with continuous deployment, get a public URL and evolve the live version without breaking it.

Related courses

• Add a database, authentication and payments to your appAdvanced · ~4 hr
• Work with Claude Code on a real project: context, planning, reviewAdvanced · ~3 hr
• Git for PMs: ship as a team without putting production at riskAdvanced · ~3 hr 30 min