Angular prototype

A prototype is throwaway code that answers a question. The question decides the shape. This is the Angular path: prototypes live in this workspace's single Angular CLI app (ng serve / ng build, code under src/app) and follow its real patterns.

Read first

Before editing, read only the relevant local style guide files – these and AGENTS.md override any generic example here or in the branch files:

• TypeScript: style-guide/style-guide.ts.md
• Templates: style-guide/style-guide.html.md
• SCSS: style-guide/style-guide.scss.md
• Accessibility (required for UI – AXE + WCAG AA): style-guide/style-guide.a11y.md

Pick a branch

Identify which question is being answered – from the user's prompt, the surrounding code, or by asking if the user is around:

• "Does this logic / state model feel right?" → references/logic.md. A tiny interactive terminal app that drives the state machine through cases that are hard to reason about on paper.
• "What should this look like?" → references/ui.md. Several radically different UI variations on one Angular route, switchable via a ?variant= query param and a floating bottom bar.