Disable Button During Work

Medium
6 views 25 Jan 2026
Create a button that becomes disabled while a fake async task is running....

Counter With Step Buttons

Easy
7 views 25 Jan 2026
Build a counter with +1, -1, +5, reset buttons....

Toggle Multiple Filters

Medium
6 views 25 Jan 2026
Make three filter chips (Easy, Medium, Hard) that can be toggled....

Basic Shopping Cart State

Medium
6 views 25 Jan 2026
Create a tiny cart that adds items and shows total quantity....

Todo List Add And Remove

Medium
4 views 25 Jan 2026
Create a todo list where you can add items and remove them....

useReducer Counter With History

Hard
6 views 25 Jan 2026
Use useReducer to manage count and keep a small action history....

Theme Toggle With Context

Hard
7 views 25 Jan 2026
Create a light/dark theme toggle using React context....

Optimistic Like Button

Hard
4 views 25 Jan 2026
Create a like button that updates UI immediately and then confirms....

Cart Item Quantity Controls

Medium
7 views 25 Jan 2026
Build a cart where you can increase/decrease quantity per item....

Language Switcher With Context

Hard
6 views 25 Jan 2026
Create a language switcher using context and show translated text....

Pagination With useReducer

Hard
5 views 25 Jan 2026
Manage pagination state (page, pageSize) using a reducer....

Star Rating State

Medium
6 views 25 Jan 2026
Build a 5-star rating component where user can select a rating....

Multi Step Wizard State

Medium
4 views 25 Jan 2026
Create a 3-step wizard and let user go next/back....

Undo Last Added Item

Hard
5 views 25 Jan 2026
Add items and support undo for the last add action....

Persist Toggle Setting

Hard
6 views 25 Jan 2026
Save a boolean setting in localStorage and restore it on load....

Toast Queue Reducer

Hard
6 views 25 Jan 2026
Build a toast system where new messages appear and auto-dismiss....

Cart Quantities Reducer

Hard
6 views 25 Jan 2026
Build a small cart where you can add items and change quantities....

Select All Checkbox

Medium
7 views 25 Jan 2026
Build a list of checkboxes with a Select All control....

Accordion Open Set

Medium
5 views 25 Jan 2026
Build an accordion where multiple sections can be open at once....

Optimistic Like Toggle

Hard
4 views 25 Jan 2026
Build a Like button that updates instantly, but rolls back on failure....

Request Status State

Hard
5 views 25 Jan 2026
Build a card that loads data and shows idle/loading/success/error states....

Theme Context Toggle

Hard
6 views 25 Jan 2026
Create a ThemeProvider that toggles light/dark and updates styles....

Modal Stack Manager

Hard
7 views 25 Jan 2026
Open multiple modals and close the top one first....

Inline Edit List Item

Hard
6 views 25 Jan 2026
Render a list of titles and let user edit one item at a time....

Move Item Up And Down

Medium
5 views 25 Jan 2026
Render a list and add Up/Down buttons to reorder items....

Sync Page With URL

Hard
4 views 25 Jan 2026
Keep current page in state and sync it with the URL query param....

Session Draft Saver

Hard
5 views 25 Jan 2026
Save a text draft in sessionStorage and restore it when you refresh....

Tag Input With Remove

Medium
6 views 25 Jan 2026
Build a tag input where user can add tags and remove them....

Tabs With Local State

Medium
7 views 25 Jan 2026
Build basic tabs with buttons and show the active panel....

Simple Modal Without Libraries

Medium
6 views 25 Jan 2026
Create a basic modal UI using conditional rendering and a backdrop....

Compound Tabs Components

Hard
6 views 25 Jan 2026
Build simple compound tabs: Tabs, Tabs.List, Tabs.Panel....

Class Component Counter

Medium
7 views 25 Jan 2026
Create a small counter using a class component (for practice)....