CRUD Web App
Build a small single-file CRUD web app — a todo list, notes, contacts, or inventory manager — with create, read, update, and delete plus localStorage persistence so data survives a reload. Locks the data model and the four operations first, then a clean list-plus-form UI design, then builds vanilla JS with real state and persistence. CRUD apps fail when delete or edit silently does nothing or data vanishes on reload, so the model phase pins every operation's behavior before coding, the ordering that gets a small model to a genuinely working app.
How it runs
| # | Step | Who runs it | What happens |
|---|---|---|---|
| 1 | Model scope | Planner | entity fields + the four CRUD operations |
| 2 | UI design | Designer | list + form layout, item states, empty state |
| 3 | Build | Developer | implement index.html with full CRUD + persistence |
| 4 | Evaluate | Reviewer | Grade the deliverable against every acceptance criterion. All pass → finish; any fail → loop back and fix the gap. |
| 5 | Finish | Developer | All acceptance criteria met. Stamp a short summary and report DONE. |
Say something like "crud app" or "todo app" or "notes app" or "build a web app" or "contacts manager" or "inventory app" in chat to start it.