CodeOath

Build

UI Challenges

17 component-building exercises — HTML/CSS/JS with a live preview instead of pass/fail tests. Build it, check it against the requirements, then compare with the solution.

Pricing CardEasy
cssflexbox
Accordion / FAQ ToggleEasy
javascriptdomaccessibility
Custom Toggle SwitchEasy
cssforms
Tabbed InterfaceMedium
javascriptdomaccessibility
Modal DialogMedium
javascriptdomaccessibility
Live Character Counter + ValidationMedium
javascriptformsdom
Star Rating WidgetEasy
javascriptdom
Animated Progress BarEasy
cssanimation
Stacked Avatar GroupEasy
css
Notification BadgeEasy
css
Button Loading StateEasy
javascriptcssanimation
Dropdown MenuMedium
javascriptdom
Custom TooltipMedium
css
Countdown TimerMedium
javascript
Password Strength MeterMedium
javascriptforms
Image CarouselHard
javascriptdom
Skeleton Loading PlaceholderEasy
cssanimation