Publish and Portfolio
Clean, document and publish.
100% track progress
📂 Step 1 — Open the Project for This Track
Open this folder in VS Code or your editor:
tracks/react/final-project/
Open Final Project Folder📄 Step 2 — Files to Edit
For this track, these are the important files:
Start with the yellow file, then update the others only when the task asks you to.
🎯 Step 3 — Learning Objective
Students prepare the project for GitHub and portfolio.
🔨 Step 4 — Fully Defined Student Task
What to build
- Clean unused code and comments.
- Add helpful comments for students.
- Create or update README.md with run instructions.
- Test the full flow from question 1 to result screen.
- Prepare GitHub commit and final submission.
- Add portfolio description and screenshots.
Acceptance Criteria
- Project runs from start to finish.
- README tells how to run it.
- Code is readable and organized.
- Final submission contains screenshots and GitHub link.
What to submit to the teacher
- Final project zip or GitHub link.
- README.md.
- Three screenshots: start, gameplay, result.
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:
cd tracks/react/final-project npm install npm run dev
✅ Step 6 — Checkpoint Output
KBC Quiz
Publish and Portfolio 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 15: Publish and Portfolio
// Open: tracks/react/final-project/
// Complete every item under "What to build".
// Test every item under "Acceptance Criteria".Clean unused code and comments.
Add helpful comments for students.
Create or update README.md with run instructions.
Test the full flow from question 1 to result screen.
Prepare GitHub commit and final submission.
Add portfolio description and screenshots.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 React milestone 15: Publish and Portfolio" git push