Submit this assignment in CodeSandbox.
If you're interested in developing with React locally, you are welcome to do that. However, please copy over your code to CodeSandbox, verify that it works as expected, and submit that URL. This makes grading and helping out much easier.
Requirements
Build this t-shirt order form:
Here is a working version: https://itp404-assignment-5.surge.sh/.
You must have the following:
- When the form is submitted, hide the form and display a confirmation message with all of the data that was submitted. Feel free to format the submitted data however you'd like.
- A Reset button. This should reset the entire form to the default state. Don't use
<button type="reset">
or<input type="reset">
for this. Instead, add anonClick
handler to a button that changes all of the state properties back to the initial values. - For accessibility, every form control must have a
<label>
. Clicking on a label should put focus on the corresponding form control. - All form controls must be Controlled Components.
- At least 2 React components excluding the
App
component.
Your form doesn't need to look exactly like the image. It just needs to behave according to the requirements.
Submission
Send an email to me and the TA with your CodeSandbox link. Use "ITP 404 - Assignment 5" as the email subject.