register

Summary

Account creation with a name, an email and a password.

Raw wireframe

• .context/designs/web/auth/register.html
• .context/designs/web/auth/register-error.html

Why it is drawn this way

The error state draws three faults at once. A short password and a mismatch are caught in validateForm. "Email already registered" is the availability line under the field.

The availability check is wired off. register-form.tsx takes checkEmailAvailability as a prop and the page does not pass it. The green and red lines never show today; a taken email comes back from the server and lands under Email. The state is drawn as the component can render it.

The client asks for 8 characters; the server asks for more. The server also needs a letter and a digit. See limits.

Success goes to My Courses, or to ?redirect= when the visitor came from Enroll Now on course-preview.

"Join thousands of learners" is copy, not a count. Nothing measures it.

Related

• login
• course-preview
• my-courses
• limits

Sources

• apps/website/src/app/auth/register/page.tsx
• packages/ui/src/components/auth/register-form.tsx
• packages/ui/src/hooks/use-auth.ts