1
CSS
Design the small-screen workflow
Create the task/weekly-review interface mobile-first, then expand it for tablet and laptop.
PROOF TO PRODUCENo essential action should require horizontal page scrolling.
🧭 CROSS-ACADEMY CAPSTONE · 550 XP
Personal Productivity Tool
Combine visual design, browser interaction and thoughtful AI instructions into a small personal workflow tool.
CSSJavaScriptPrompting
WHAT TO FINISH FIRST
PROJECT RUNBOOK
Four stages. Four visible artifacts.
Use your own editor/notebook/tools. LearnCode gives the brief and records your self-check; it does not pretend to inspect files it cannot see.
2
JAVASCRIPT
Add useful behaviour
Support creating, completing and filtering tasks using browser state.
PROOF TO PRODUCETrace one user event from input through state change to visible result.
3
JAVASCRIPT
Plan persistence
Define what should survive refresh and how localStorage data should be versioned or defaulted safely.
PROOF TO PRODUCEDocument the stored shape and malformed-data fallback.
4
PROMPTING
Build the weekly review prompt
Create a reusable review instruction that turns completed/open tasks into priorities, risks and next-week focus.
PROOF TO PRODUCEPrevent the model from fabricating reasons that are not present in the task evidence.
FINAL SELF-REVIEW
What did you learn from combining the skills?
Write at least ~100 characters about the hardest tradeoff, one mistake you caught, and what you would improve next. This is a reflection gate, not automated grading.
0/4 artifacts self-checked · 0/100 reflection characters
Complete the required starter academies before self-checking or claiming capstone completion.