Controlled Input Component

Easy
6 views 25 Jan 2026
Build a controlled text input that shows the typed value below....

Compound Input With Label

Medium
6 views 25 Jan 2026
Create a Field component that renders label + input and accepts id/name props....

Email Form With Simple Validation

Medium
9 views 25 Jan 2026
Create an email form that shows an error if input is empty or invalid....

Password Strength Hint

Medium
6 views 25 Jan 2026
Show a live password strength hint while user types....

Dynamic Input Fields

Hard
7 views 25 Jan 2026
Create a form where user can add multiple links (add/remove rows)....

Checkbox Group With Summary

Medium
5 views 25 Jan 2026
Create a checkbox group and show a summary of selected values....

File Input Preview

Hard
7 views 25 Jan 2026
Create a file input that shows a preview of selected image....

Confirm Password Basic

Hard
6 views 25 Jan 2026
Create a sign-up form that checks password and confirm password match....

Radio Plan Selector

Medium
6 views 25 Jan 2026
Create a radio group to select a plan and show selected plan....

Validate On Blur

Medium
7 views 25 Jan 2026
Show an error only after user leaves the input (onBlur)....

Reset Form Button

Easy
6 views 25 Jan 2026
Create a form with a reset button that clears all fields....

Dependent Select Inputs

Hard
4 views 25 Jan 2026
Create two selects where second options depend on first selection....

Number Input With Limits

Medium
7 views 25 Jan 2026
Create a number input with min/max and show an error message....

Textarea Character Limit

Easy
5 views 25 Jan 2026
Create a textarea with a live character counter and max limit....

Error Summary On Submit

Hard
6 views 25 Jan 2026
On submit, show a small error summary list at top....

Login Form Validation

Hard
5 views 25 Jan 2026
Build a login form with email/password validation and show errors....

Confirm Password With Min Length

Hard
7 views 25 Jan 2026
Build a signup form that checks confirm password matches....

Terms Must Be Accepted

Medium
5 views 25 Jan 2026
Build a form that requires accepting terms before submit....

Radio Group Required

Medium
6 views 25 Jan 2026
Build a radio group and show an error when user submits without selection....

Checkbox Group Minimum

Hard
7 views 25 Jan 2026
Build a checkbox group where user must pick at least one option....

Dynamic Skills Fields

Hard
7 views 25 Jan 2026
Build a form where user can add/remove skill input fields....

OTP Input Auto Advance

Hard
6 views 25 Jan 2026
Build a 4-digit OTP input that moves focus to next box....

Async Username Check

Hard
6 views 25 Jan 2026
Validate a username asynchronously and show loading/available states....

File Upload Preview Validate

Hard
7 views 25 Jan 2026
Build an image upload input that previews the image and validates size....

Date Range Validation

Hard
6 views 25 Jan 2026
Build a date range form and validate end date is not before start date....

Phone Number Formatter

Hard
7 views 25 Jan 2026
Build a phone input that keeps only digits and formats as you type....

Accessible Error Messages

Medium
5 views 25 Jan 2026
Build a field that links error text using aria-describedby....

Disable Submit Until Valid

Hard
7 views 25 Jan 2026
Build a form that disables submit until all validations pass....

Form Reset To Defaults

Medium
6 views 25 Jan 2026
Build a form with Reset button that restores default values....

Custom Select Placeholder

Medium
6 views 25 Jan 2026
Build a select with a placeholder option and require a real choice....

Inline Validation On Blur

Medium
6 views 25 Jan 2026
Validate a field only after it was touched (on blur)....

Simple Math Captcha

Hard
5 views 25 Jan 2026
Build a simple math captcha and block submit until answer is correct....