Empty Folder → Live App in One Sitting — Claude Builds, Tests, and Fixes It Itself

I started with a completely empty folder and ended with a real app — live on the web, no code, in one sitting. In this beginner walkthrough I build a personal Daily Dashboard with Claude Code: today's schedule, action items pulled from email, and a habit tracker with progress rings. You describe it in plain English, Claude plans it, builds it, tests it, catches its own bugs, and we ship it to a public URL you can open on any phone. No experience needed. If you keep hearing "Claude Code" and have never opened it — start here. What you'll learn: The three "doors" into Claude — Chat, Cowork, and Code — and which one actually builds things Artifacts: type a sentence, watch a living app appear next to you Projects: give Claude a memory so it stops re-asking who you are Which model to pick (the rule, not the model numbers) Plan mode — the one toggle every beginner should turn on What "agentic" really means: Claude runs the app and fixes its own mistakes Connectors / MCP: plug in Calendar + Gmail so the dashboard pulls real data claude.md + the context window — how to never lose your place Git → GitHub → Vercel — the one-time setup to put it on the web The payoff: a live link, on a real URL, you can send to anyone right now ⏱ Chapters 00:00 Intro: from an empty folder to a live app 00:49 What Claude is: chat, co-work, code 01:09 What you need: a paid plan and the desktop app 01:41 Your first artifact in a plain chat 02:34 Projects: giving Claude a permanent memory 03:26 Which model to use (the only rule) 04:13 The code door and plan mode 05:01 The prompt and Claude's questions 06:13 Claude tests and fixes its own work (agentic) 07:09 Editing by just asking + screenshots 07:57 /init, Claude.md and the context habit 09:24 Connectors (MCPs): real calendar and email 10:17 Context7, plugins and a security review 10:53 Going live: Git, GitHub, Vercel 12:05 Deploy error, the fix and the live link 12:58 Recap and final advice 👉 Subscribe to That AI Trick for more ways to actually use the Claude features you're paying for. #claudecode #claudeai #anthropic #nocode #aitools