- npm install
- npm run start
This User Creation Form
does just that.
It is a single page site that allows users to create users.
Pulling and mapping through data from an endpoint provided to render options for two select inputs - occupation
and state
. The app has on-change form validation for all inputs on the form which upon filling out correctly will enable the submit button allowing users to submit the form. The submit handler triggers a POST request to the same endpoint and if successful the user will recieve a pop-up success message.
Empty form
Form errors
Form filled correctly
Success message
- React
- TailwindCSS
- DaisyUI
The site must:
- Display a form with inputs for each field outlined
- Allow a user to complete and submit the form
- Do not allow form submission without completing the entire form
- Provide feedback upon successful form submission
- On-change form validation
- Confirm password field
- View password icon toggle
- User cannot multi-click submit button
- reset state upon successful submit
- Mobile responsive
- Hosted with Vercel