Contact Form (Standalone Component + HTTP)

Challenge summary

Build a contact form using an Angular standalone component and reactive forms. On submit, validate the input and send the form data with a POST request to a fake JSON API endpoint, showing loading, success, and error states.

What you'll practice

• Build/configure a reactive form with fields for name, email, and message.
• Make all fields required; validate email with a basic email validator.
• Disable the submit button while the form is invalid or while a request is in progress.
• Initially, the submit button is disabled until the form becomes valid (all required fields filled and email valid).
• If the user attempts to submit invalid data, all controls are marked as touched and validation error messages are shown for the affected fields.

What Premium unlocks

Premium unlocks the runnable workspace, behavioral checks, implementation walkthrough, and edge-case discussion.