Create Sign Up Page

[ayshadogo]

Description:
Build user registration page with form validation and role selection.

Tasks:

• Create /app/auth/signup/page.tsx
• Build signup form with react-hook-form
• Add fields: email, password, confirm password, role
• Implement client-side validation (email format, password strength)
• Add password strength indicator
• Show validation errors inline
• Add "Already have account?" link to login
• Integrate with /auth/register API endpoint
• Handle loading and error states
• Redirect to verification page on success

Acceptance Criteria:

• Form validates inputs before submission
• Shows clear error messages
• Disables submit during API call
• Redirects to email verification on success
• Accessible with keyboard navigation

---

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 200 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[Codex723]

@Codex723 has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

I'd like to apply for this issue. Here's my plan:

Form — react-hook-form:

• Fields: email, password, confirm password, role
• Client-side validation: email format, password strength, password match
• Inline error messages per field
• Password strength indicator component
• Submit disabled during API call

API Integration:

• POST to /auth/register with loading and error states
• Redirect to email verification page on success
• Handle API error responses and surface them to the user

UX:

• "Already have an account?" link to login
• Full keyboard navigation and accessible markup

File:

• /app/auth/signup/page.tsx

Please assign this to me!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Codex723 to this issue.