One Thing at a Time Mission Worksheet

Use this sheet to track your refactoring steps and verify each change works.

1) Warm-Up Check-In

• One thing I remember from Workshop 1:
• One thing that’s messy about my quiz code:

2) Color-Code Your Code

Go through your quiz app and mark each section:

• How many lines are data (questions/answers)?
• How many lines are display (HTML/DOM)?
• How many lines are logic (scoring/checking)?
• How many lines are styling (CSS/visual)?
• Which concern had the most tangled code?

3) Refactor Round 1: Extract Data

What I asked Copilot to do:

New file created:

Did the quiz still work after? Yes / No

If no, what broke?

4) Refactor Round 2: Extract Logic

What I asked Copilot to do:

Functions I extracted:

Did the quiz still work after? Yes / No

If no, what broke?

5) Refactor Round 3: Extract Styling

What I asked Copilot to do:

New file created:

Did the quiz still work after? Yes / No

If no, what broke?

6) My Final File Structure

List the files in your project and what each one does:

7) Reflection

• The hardest part of refactoring was:
   
  
• One thing I would tell a friend about changing code one piece at a time: