| 1 | Magic Numbers → Named Constants | Readability | readability | Sandpack | Easy | - |
| 2 | Mixed Branches → Component per Role | Readability | readability | Sandpack | Easy | - |
| 3 | Nested Ternary → Early Returns | Readability | readability | Sandpack | Easy | - |
| 4 | Checkout Summary → Per-Tier Components | Readability | readability | Sandpack | Medium | - |
| 5 | Notification Badge → Lookup / Helpers | Readability | readability | Sandpack | Medium | - |
| 6 | Hidden Side Effects → Explicit Separation | Predictability | predictability | Sandpack | Easy | - |
| 7 | Inconsistent Returns → Discriminated Union | Predictability | predictability | Sandpack | Easy | - |
| 8 | useCart — Getters with Hidden Side Effects | Predictability | predictability | Sandpack | Medium | - |
| 9 | API Client — Names Shadow Browser APIs | Predictability | predictability | Sandpack | Easy | - |
| 10 | Magic Number Duplication → Shared Constant | Cohesion | cohesion | Sandpack | Easy | - |
| 13 | Props Drilling → Context / Composition | Coupling | coupling | Sandpack | Medium | - |
| 14 | God Hook (useUser) → Split by Concern | Coupling | coupling | Sandpack | Medium | - |
| 15 | Dashboard Layout — Multi-Domain Props Drilling | Coupling | coupling | Sandpack | Medium | - |
| 16 | useDashboard — Mixed Concerns in One Hook | Coupling | coupling | Sandpack | Medium | - |