[Frontend] Form Validation and Error Handling

[Olowodarey]

📋 Issue

Need consistent form validation and error handling across all forms.

Files: Future form pages (contact, login, etc.)

Required Implementation

• Create reusable form components
• Implement validation library (Zod, Yup, or React Hook Form)
• Consistent error message styling
• Inline validation
• Success states
• Loading states during submission

Tasks

• Choose validation library
• Create form components
• Implement validation
• Add error styling
• Add success states
• Test all forms

[amankoli09]

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

Hey! I’m interested in working on this issue.

I can implement a consistent form validation system using React Hook Form with Zod, along with reusable form components and standardized error, loading, and success states across the application. I’ll ensure the solution is scalable and easy to maintain.

I can complete this within 6–8 hours. Please assign it to me.

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

[rehna-jp]

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

Hii, rehna here
I’d like to work on this issue and implement consistent form validation and error handling across all forms. I’ll create reusable components, integrate a validation library (Zod/Yup/React Hook Form), add inline error messages, success states, and loading indicators, and ensure all forms are properly tested.

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

[drips-wave]

Congratulations, @amankoli09! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @amankoli09: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been marked as completed by a Drips Wave moderator for @amankoli09 as part of the Stellar Wave Program's 3rd Wave 🥳

Moderator's reason: [Auto-assessed] The contributor implemented reusable form components and integrated React Hook Form with Zod validation across the contact, login, and sign-up pages as requested. The PR #475 has been open for more than 24 hours without maintainer objections and directly addresses all requirements in issue #399.

😎 @amankoli09: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.

ℹ️ Note: This issue was marked complete via moderation. Points were issued even though the GitHub issue remains open.