By Day 10 you'll have a working portfolio, a business landing page, and the habit of building with Claude Code instead of watching someone else do it. Today: install it, and ship one real page before you close the laptop.
Video script (for recording): "Hey — welcome to Module 1. Over the next 10 days you're building a real website business, not watching tutorials. Today's the shortest day: install one tool, and ship one page. Don't worry about it being perfect — worry about it being real. Let's go."
Install Claude Code, ship your first live page
Turn a plain-English idea into a working page
Edit what it built — ask for changes without breaking things
Understand what got created: files, folders, why they matter
Connect to GitHub so your work is never lost
Get a site live: your first real deploy
Fix things when they break — read errors without panicking
Add a second page and link it up: your landing page
Automate updates: push once, redeploy every time
Ship the deliverable: portfolio + business landing page, live
Claude Code runs on Node.js 18 or later. Download it from nodejs.org if node --version in your terminal doesn't already show a version.
Open a terminal and run:
In any folder, run:
It'll prompt you to log in with your Claude account (or API key) the first time. After that, you're in.
Claude Code isn't a chat window — it reads and edits real files, runs commands, and proposes changes you approve before anything happens. The loop: you state the goal → it reads relevant files → proposes an edit → you approve → it runs and checks the result.
Create a new folder for this (e.g. my-website), then run claude inside it.
Type this into Claude Code, in your own words:
Claude Code will show you exactly what it's about to create. Skim it — you don't need to understand every line, just confirm it matches what you asked for — then approve.
Find the file it created (usually index.html) and open it directly. That's a real, working page you built today.
Keep this open in a side window while you work.
| Task | Prompt pattern |
|---|---|
| Start a project | "Build a [thing] that does [X]" |
| Add a feature | "Add [feature] to the [file/page] — [format]" |
| Fix a bug | "[Thing] breaks when [X] — find and fix it" |
| Undo a change | "Revert the last commit" |
| Understand code | "Explain what [file] does before we touch it" |
You'll generate a lot of AI images across this course. This is a safe PowerShell script — copy-only, never deletes originals, hash-deduped, with a preview mode — that finds them scattered across your folders and organizes them into one library with a full CSV inventory. No installation, no third-party modules.
⬇ Download Organize-GPT-Images.ps1