Home โ€บ Module 5: Build Your Mini Project โ€บ Lesson 5.2 โ€” Final!
Module 5: Build Your Mini Project โ€” Final Lesson ๐ŸŽ“

Build it, break it, fix it โ€” then show it off!

โฑ 40 min challenge
๐Ÿ’ก The big idea

Real software development is a loop: build โ†’ test โ†’ break โ†’ fix โ†’ improve. Deliberately breaking your project then fixing it is how you truly learn to code. Then you present it โ€” just like a real developer.

๐Ÿ—๏ธ
Step 1 โ€” Get your first version from Claude
โ–ถ

Use the planning prompt you built in Lesson 5.1 to get Claude to build the first version of your project.

1๏ธโƒฃ
Paste your prompt into Claude and get the code
2๏ธโƒฃ
Read through the code โ€” can you spot what each section does?
3๏ธโƒฃ
Run or open it โ€” does it work? What's missing?
๐Ÿ—ฃ Discuss: What does the first version do well? What's missing? Describe it before changing anything.
๐Ÿ›
Step 2 โ€” Break it on purpose, then fix it
โ–ถ

Breaking code on purpose โ€” then fixing it โ€” is one of the best ways to understand how it works. Practice here first, then do the same thing on your real project!

mypage.html
<h1>Hello World</h1> <p>My first webpage.</p> <img src="cat.jpg">

Apply a bug โ€” then fix it:

๐Ÿ’ก On your real project: Delete a closing tag in your HTML, reload the page โ€” see what breaks. Then fix it!
โœจ
Step 3 โ€” Add one improvement Claude didn't plan
โ–ถ

Pick one improvement, copy the prompt, and ask Claude to add it to your project. This is iterative development in action.

๐Ÿ—ฃ Discuss: Did the improvement match what you expected? What would you change about the prompt to get a better result?
๐Ÿ”„
Step 4 โ€” Build loop checklist
โ–ถ

Tick each step as you complete it on your real project.

1
Got first version from Claude
Used my planning prompt and received working code
2
Ran and tested it
Opened the page or ran the program and saw it working
3
Broke something on purpose
Changed or deleted one thing to see what happened
4
Fixed the bug
Found what was wrong and fixed it myself or with Claude's help
5
Added one improvement
Made my project better than the first version
๐ŸŽค
Step 5 โ€” Demo day! Present your project
โ–ถ

Every developer presents their work. Tick each item as you prepare your demo for the family.

โœ“
Run or open my project โ€” show it working live
โœ“
Explain what it does in one sentence
โœ“
Point to one piece of code I understand and explain it
โœ“
Say one thing I'd add if I had more time
โœ“
Take a screenshot โ€” this is my first real project! ๐Ÿ“ธ
๐Ÿ“
Final quiz โ€” the whole course in 4 questions!
โ–ถ
โœ…
Wrap-up discussion questions
โ–ถ
1๏ธโƒฃDescribe your finished project in one sentence. What does it do?
2๏ธโƒฃWhat was the hardest part of building it? What did you do when you got stuck?
3๏ธโƒฃWhat is the ONE most important thing you learned in this whole course?
4๏ธโƒฃWhat would you like to build or learn next?
๐Ÿš€ Lesson 5.2 โ€” Final Lesson
โ† Previous ๐Ÿ  Finish course