Tutee Form Data Collection and Error Handling

[brandondionisio]

Collecting Data from the Tutee Form!!

Summary 💻

Run npm run dev and navigate to http://localhost:5173/tutee-form. Wow! This looks amazing, thanks @hkniimi, @sheza-chaudhry, @sethmorton, and @rainiercs50! However, the "submit" button doesn't work and we do not check if the fields are properly filled out. For this ticket, you will be making error handling and data collection for this form.

Deliverables 🚀

• Schedule at least two meetings as a pair
• Create a new branch using the "create a branch" button
• Edit the TuteeForm.tsx
• Open a PR and request review from @brandondionisio.

Tip for success 📈

• If any field is not filled out when the "submit" button is clicked, the fields not filled should display an error below that reads, "Field needs to be filled out" in red text.
• If all fields are filled out when the "submit" button is clicked, the data should be collected in variables and the fields should be cleared
• Hint: Data collection will probably use the useState react hook ;)
• You don't need to store whether they checked yes for the agreement (though they NEED to check yes for the submit button to be successful)

Where to get help!

Reach out to @dilanurbayraktar and @brandondionisio.