21-Day Challenge
Day07

Day 7 — Week 1 Build Day — a complete working homepage from scratch

Today you use everything from Days 1 to 6 together. One complete working homepage. Built by you. Running in your browser. Ready to show someone.


Simple explanation

Welcome to Day 7. Build Day. No new concepts today. Just building. You have everything you need. Today you put it all together. Your Week 1 toolkit: ✓ Claude Code installed and running — Day 1 ✓ The 4-part prompt formula — Day 2 ✓ Plan Mode for complex changes — Day 3 ✓ GitHub branch first habit — Day 4 ✓ Auto Mode for speed — Day 5 ✓ Error message recovery — Day 6 Today you use all of it at once. This is your first complete build cycle — from empty folder to working homepage.


What to do

Follow these steps in order. Do not skip any. Step 1 — Create your branch Open GitHub Desktop. Create a branch called "week-1-homepage." Step 2 — Write your one-page brief Before opening Claude Code — answer these in a notepad: — What does this site do in one sentence? — Who is it for? — What is the one thing visitors should do? Step 3 — Open Claude Code in Auto Mode Navigate to your project folder in the terminal. Type claude. Press Shift + Tab to turn on Auto Mode. Step 4 — Use the 4-part formula Paste this prompt — filling in your own details: "I am building a homepage for [what your site does]. The visitor is [who they are]. Build a complete homepage with: a navigation bar with Home, About and Contact links; a hero section with a main headline that says [your headline] and a button that says [your button text]; a section with three benefit boxes explaining what makes this useful; a simple footer with copyright. Style everything clean, minimal, warm, modern and spacious. Do not add anything I have not asked for." Step 5 — Review the result Type npm run dev in a new terminal window. Open localhost:3000 in your browser. Does it look right? Does the navigation work? Does the button exist? Step 6 — Fix anything that needs fixing Use the 4-part formula for each small fix. One fix at a time. Check after each one. Step 7 — Merge back to main When you are happy — open GitHub Desktop. Merge "week-1-homepage" back into main. Your working homepage is now saved permanently. You have just completed Week 1. Seven days ago you had never opened Claude Code. Today you have a working homepage built by you using AI — without writing a single line of code yourself.


Copy-paste prompt

I am building a homepage for [describe what your site does in one sentence]. The visitor is [describe who they are]. Build a complete homepage with: a navigation bar with Home, About and Contact links; a hero section with a heading that says "[your headline]" and a button that says "[your CTA]"; a section with three benefit boxes; a simple footer. Style everything clean, minimal, warm, modern and spacious. Do not add anything I have not asked for.


Course note

Week 2 starts tomorrow. You will learn how to give Claude Code a permanent memory of your project — so it never forgets your style, your rules, or your preferences again.

Key takeaway

Branch first. Brief first. Auto Mode on. 4-part formula. Review in browser. Fix one thing at a time. Merge when done. That is the complete build cycle — and you just did it.

Start here

Start the free 5-day challenge

Next step

Join the AI course waitlist

Resource

Get the free prompt pack

Was this helpful?