Closed 0xaira closed 4 weeks ago
@0xaira Bro, first of all I didn't assign you the issue, I was waiting for other contributors to comment too, that is why put you guys in a group, also the form is incorrect, it is not matching the existing UI scheme for the website
The zod validation is also in the wrong place, we will put all the zod validators in the packages folder and reuse them for the backend too
The biggest thing is, the Form component expects more fields when signing up that is why i put the hint to take a look at the existing donation form and volunteer form for all the fields, if not that take a look at the prisma schema in the Backend
@cb7chaitanya,
Thank you for providing these insights. However, I must apologize as I currently don't have the bandwidth to contribute to this issue. I appreciate your understanding. Please feel free to assign it to someone else who has the capacity to address these concerns.
Best regards, Aira
Alright closing it
Description
This PR significantly improves the Sign-In and Sign-Up components by introducing a more professional and aesthetically pleasing UI, along with robust form validation using Zod. Below is a detailed list of the changes made:
Changes Made
UI/UX Improvements:
Form Validation:
signInSchema
) and Sign-Up (signUpSchema
) forms.State Management:
useState
) for managing form state and validation errors.Technical Details
File Changes:
SignIn.js
: Major changes to the component structure, adding validation and new UI elements.validation.js
: New file containing Zod schemas for form validation.Dependencies Added:
zod
: Schema declaration and validation library.Screenshots