brianmtreese/angular-signal-forms-course-project

How brianmtreese/angular-signal-forms-course-project works

This is an Angular Signal Forms course example centered on a signup form: users enter data, receive validation feedback, and submit it to a mock registration service. The form component also initializes an ID, checks username availability asynchronously, and supports alternate-email collection updates. The README documents additional Signal Forms topics, but some are not active in the sampled implementation; those capabilities are represented conservatively. The age-stepper is present in the tree, but its role and connections were not sampled.

Main entry points: form.component.ts Signup form · auth-api.service.ts Mock registration · user-id.service.ts Mock user ID · form.component.html Form template

Components 13

Signup form

Signup form src/form/form.component.ts
Signup model src/form/form.component.ts
Field validation src/form/form.component.ts
Async validation src/form/form.component.ts
Email collection src/form/form.component.ts
Form submission src/form/form.component.ts

Form services

Mock registration src/form/auth-api.service.ts
Mock user ID src/form/user-id.service.ts
Username check src/form/form.component.ts

Form controls

Form template src/form/form.component.html
Age stepper src/age-stepper/age-stepper.component.ts
Signal Forms API

Other components

User

Connections 11

User → Signup form: enters data README.md
Signup form → Form template: renders README.md
Signup form → Signup model: initializes src/form/form.component.ts
Signup form → Mock user ID: gets ID src/form/form.component.ts
Signup form → Field validation: configures src/form/form.component.ts
Signup form → Async validation: configures src/form/form.component.ts
Async validation → Username check: checks src/form/form.component.ts
Signup form → Email collection: updates src/form/form.component.ts
Signup form → Form submission: configures src/form/form.component.ts
Form submission → Mock registration: registers src/form/form.component.ts
Signup form → Signal Forms API: uses README.md

Drawn by GitDiagram on November 15, 2026 from the repository's file tree, README and source files. Read as Markdown ·