{ items: [ { title: "Define Kite components", done: true }, { title: "Apply universal styling", done: true }, { title: "Test full-stack reusability", done: false } ], draft: "", add() { if (!this.draft || !this.draft.trim()) return; this.items.push({ title: this.draft.trim(), done: false }); this.draft = ""; }, remove(index) { this.items.splice(index, 1); } }

🏛️ Task Board Mini-App

A self-contained 4-layer MVCR component carrying markup, state, controller actions, and routing.