Filter Dropdown Menu
Build a responsive dropdown menu for applying filters to a list
useMemouseState
Syntax Highlighter
Develop a client component for a syntax-highlighting code editor.
inputuseStateuseEffectNext.js
Apply Promo
Build a Shopping Cart using Server Actions that allows the user to apply a promo code.
useFormStateServer ActionsNext.jsuseEffectuseState
Slow Printer
Print text submitted by the user one word at a time.
useStateuseEffect
Five Star Rating System
Create an interactive rating collection component.
useState
Mystery Object
Render an arbitrarily nested JavaScript Object.
useState
To-do List
Create a to-do list with togglable and removable tasks.
useStatefilter
Feedback Popup Wrapper
Write a wrapper component that triggers a feedback popup.
useStatefilter
Many Timers
Enable a user to start unlimited custom countdowns.
useStateuseEffectsetInterval
CAPTCHA Test
Hide a site route behind a CAPTCHA test using React Router.
useStaterouting
Currency Converter
Convert a user-provided value to and from any currency.
useStateuseMemoaxios
Blur an Image
Create a slider to control an image’s blur.
useStateuseEffect
Bitcoin Price Fetcher
Create a custom hook to regularly fetch the price of Bitcoin.
hookuseEffectuseStateaxios
Virtual Keypad
Hide a page behind a virtual keypad lock.
useState
Players and Teams
Enable a user to organize players into teams
useStatesortslice
Pagination Component
Divide random fetched users into pages.
useStateuseEffectaxios
Social Media Basics
Enable a list of users to follow and unfollow each other.
useState
Calculator Buttons
Write a component that runs a user-selected operation on a number.
useStateuseEffect
Shopping List
Write a list component that allows users to add and delete items.
useStatefilter
Bug Hunt
Find and fix all the bugs in an existing component.
useState
CAPTCHA
Write a CAPTCHA component.
useState
Validating User Input
Add validation to a form component.
useState
  • Home
  • About
  • Privacy Policy
© 2025
Sign in