#3: Create Sign-Up Form

[AnanthKini1]

Quote

"You cannot put pressure on me, no chance, no chance." - Jose Mourinho

Description

This PR creates a sign-up form in the frontend, allowing volunteers that will use our app to register themselves and select the project they will be associated with.

Instructions

Task

• Create client/src/components/SignUpForm.jsx (form can be created using a chakra drawer)
• Fields: name, email, project (dropdown)
• Populate project dropdown using the GET endpoint for the users table
• On submit, use the POST endpoint to /users with form data
• Have validation for required fields in the sign-up form before submission (ex: name and email non-empty, valid email format, project selected)
• Show a clear error message if submission fails and why if applicable (ex: duplicate email)
• Show a success confirmation after a successful sign-up

Acceptance Criteria

• SignUpForm.jsx created
• Project dropdown populated from GET /projects
• Form validates required fields before submitting
• Successful submit calls POST /users and shows confirmation
• Failed submit shows a clear error message

Resources

• server/routes/users.js (endpoint reference)
• Chakra Docs (drawer)