Lifelines
Add 50:50, skip and audience poll.
73% track progress
📂 Step 1 — Open the Project for This Track
Open this folder in VS Code or your editor:
tracks/angular/final-project/
Open Final Project Folder📄 Step 2 — Files to Edit
For this track, these are the important files:
📄 src/app/components/quiz/quiz.component.ts📄 src/app/components/quiz/quiz.component.html📄 src/app/services/quiz.service.ts📄 src/assets/data/questions.json
Start with the yellow file, then update the others only when the task asks you to.
🎯 Step 3 — Learning Objective
Students add advanced game features.
🔨 Step 4 — Fully Defined Student Task
What to build
- Add a 50:50 lifeline that hides/removes two wrong options.
- Add a Skip lifeline that moves to the next question.
- Add an Audience Poll lifeline that suggests an option or shows sample percentages.
- Ensure each lifeline can be used only once.
- Disable lifeline button after use.
Acceptance Criteria
- 50:50 removes two wrong options only.
- Skip moves forward once.
- Audience poll displays guidance.
- Used lifelines cannot be reused.
What to submit to the teacher
- Screenshot of each lifeline.
- Explain how used lifelines are tracked.
Do not move ahead until
- The project runs without errors.
- You can explain which files changed.
- The acceptance criteria above are satisfied.
▶ Step 5 — Run the Project
Use this command or method:
Create an Angular app, then copy the src files from tracks/angular/final-project/src/. ng serve
✅ Step 6 — Checkpoint Output
KBC Quiz
Lifelines should now work.
A. Sample optionB. Sample optionC. Sample optionD. Sample option🧠 Step 7 — Mini Quiz
- What exact feature did this milestone add?
- Which file changed the most and why?
- Which acceptance criterion proves the work is complete?
🆘 Full Code Fallback
👀 View / Copy Complete Help
Open this only after trying.
// Milestone 11: Lifelines
// Open: tracks/angular/final-project/
// Complete every item under "What to build".
// Test every item under "Acceptance Criteria".Add a 50:50 lifeline that hides/removes two wrong options.
Add a Skip lifeline that moves to the next question.
Add an Audience Poll lifeline that suggests an option or shows sample percentages.
Ensure each lifeline can be used only once.
Disable lifeline button after use.Ask the student to demonstrate the running output, then ask which file changed and why.🌐 GitHub Commit
After the milestone works, commit it:
git add . git commit -m "Complete Angular milestone 11: Lifelines" git push