Repository navigation
Add Zod Form Validation to Expert Registration #437
Description
- Difficulty: Easy
- Labels:
enhancement,forms,validation,ux
Description
The Expert profile registration form lacks complete client-side validation. We want to integrate Zod schema validation using react-hook-form to ensure users provide valid names, rates, categories, and bio descriptions.
Technical Scope & Steps
- Open
src/components/profile/RegistrationForm.tsx. - Define a validation schema using
zodfor all form inputs (e.g.biomust be between 50 and 500 characters,hourlyRatemust be a positive number). - Hook the schema into
react-hook-formusing@hookform/resolvers/zod. - Display clear, red error messages beneath invalid input fields and disable form submission until corrected.
Acceptance Criteria
- Incomplete/invalid fields show immediate feedback on blur or submit.
- Valid submissions trigger the success callback correctly.
- Rates must be strictly validated as positive floats.
Activity
JoyLight00 commentedon Aug 20, 2026
Hi Maintainer
I will love to work on this
kindly assign me to it please
I am a developer with 4 years of exprience
grantfox-oss commentedon Aug 20, 2026
🦊 GrantFox — @JoyLight00 has been assigned to this issue as part of the Third Campaign campaign!
Next steps:
Closes #437)Good luck! Track your progress on GrantFox.
feat(expert): add comprehensive Zod form validation and rate calculat…
grantfox-oss commentedon Aug 21, 2026
🎉 This issue has been marked as completed on GrantFox as part of the Third Campaign campaign!
@JoyLight00's PR #451 was approved and merged by @Luluameh.
🏆 @JoyLight00: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (182 total points). Track your full progress on GrantFox.
👏 Great work, @JoyLight00! Keep contributing to LightForgeHub.