Practice by Framework

Questions List

• CounterWarm up questionBuild a simple counter that increments whenever a button is clicked

  Difficulty

  Easy

  Available frameworks

  Users completed

  23317 completed
• Contact FormBuild a contact form which submits user feedback and contact details to a back end API

  Difficulty

  Easy

  Available frameworks

  Users completed

  12485 completed
• Holy GrailBuild the famous holy grail layout consisting of a header, 3 columns, and a footer

  Difficulty

  Easy

  Available frameworks

  Users completed

  9732 completed
• Mortgage CalculatorBuild a calculator that computes the monthly mortgage for a loan

  Difficulty

  Easy

  Available frameworks

  Users completed

  2702 completed
• TabsBuild a tabs component that displays a list of tab elements and one associated panel of content at a time

  Difficulty

  Medium

  Available frameworks

  Users completed

  4361 completed
• Dice RollerBuild a dice roller app that simulates the results of rolling 6-sided dice

  Difficulty

  Medium

  Available frameworks

  Users completed

  362 completed
• Todo ListBuild a Todo list that lets users add new tasks and delete existing tasks

  Difficulty

  Medium

  Available frameworks

  Users completed

  5174 completed
• Traffic LightBuild a traffic light where the lights switch from green to yellow to red after predetermined intervals and loop indefinitely

  Difficulty

  Medium

  Available frameworks

  Users completed

  2276 completed
• Digital ClockBuild a 7-segment digital clock that shows the current time

  Difficulty

  Medium

  Available frameworks

  Users completed

  1393 completed
• Job BoardBuild a job board that displays the latest job postings from Hacker News

  Difficulty

  Medium

  Available frameworks

  Users completed

  1678 completed
• Flight BookerBuild a component that books a flight for specified dates

  Difficulty

  Easy

  Available frameworks

  Users completed

  1825 completed
• Generate TableGenerate a table of numbers given the rows and columns

  Difficulty

  Easy

  Available frameworks

  Users completed

  1641 completed
• Temperature ConverterBuild a temperature converter widget that converts temperature values between Celsius and Fahrenheit

  Difficulty

  Easy

  Available frameworks

  Users completed

  2216 completed
• TweetBuild a component that resembles a Tweet from Twitter

  Difficulty

  Easy

  Available frameworks

  Users completed

  1291 completed
• Analog ClockBuild an analog clock where the hands update and move like a real clock

  Difficulty

  Medium

  Available frameworks

  Users completed

  566 completed
• Grid LightsBuild a grid of lights where the lights deactivate in the reverse order they were activated

  Difficulty

  Medium

  Available frameworks

  Users completed

  907 completed
• Like ButtonBuild a Like button that changes appearance based on the states

  Difficulty

  Medium

  Available frameworks

  Users completed

  1039 completed
• Star RatingBuild a star rating component that shows a row of star icons for users to select the number of filled stars corresponding to the rating

  Difficulty

  Medium

  Available frameworks

  Users completed

  2024 completed
• Tabs IIBuild a semi-accessible tabs component that has the right ARIA roles, states, and properties

  Difficulty

  Medium

  Available frameworks

  Users completed

  423 completed
• Tabs IIIBuild a fully accessible tabs component that has keyboard support according to ARIA specifications

  Difficulty

  Medium

  Available frameworks

  Users completed

  268 completed
• Tic-tac-toeBuild a tic-tac-toe game that is playable by two players

  Difficulty

  Medium

  Available frameworks

  Users completed

  718 completed
• Birth Year HistogramBuild a widget that fetches birth year data from an API and plot it on a histogram

  Difficulty

  Medium

  Available frameworks

  Users completed

  42 completed
• Connect FourBuild a game for two players who take turns to drop colored discs from the top into a vertically suspended board/grid

  Difficulty

  Medium

  Available frameworks

  Users completed

  31 completed
• Pixel ArtBuild a pixel art drawing tool where users can paint pixels with selected colors

  Difficulty

  Medium

  Available frameworks

  Users completed

  43 completed
• StopwatchBuild a stopwatch widget that can measure how much time has passed

  Difficulty

  Medium

  Available frameworks

  Users completed

  519 completed
• Transfer ListBuild a component that allows transferring of items between two lists

  Difficulty

  Medium

  Available frameworks

  Users completed

  563 completed
• Undoable CounterBuild a counter with a history of the values and ability to undo/redo actions

  Difficulty

  Medium

  Available frameworks

  Users completed

  411 completed
• Whack-A-MoleBuild a popular arcade game where players attempt to hit moles as they pop up from holes in a board

  Difficulty

  Medium

  Available frameworks

  Users completed

  214 completed
• Memory GameBuild a memory game where the player needs to match pairs of cards

  Difficulty

  Medium

  Available frameworks

  Users completed

  250 completed
• Tic-tac-toe IIBuild an N x N tic-tac-toe game that requires M consecutive marks to win

  Difficulty

  Hard

  Available frameworks

  Users completed

  162 completed
• Transfer List IIBuild a component that allows transferring of items between two lists, bulk selection/unselection of items, and adding of new items

  Difficulty

  Hard

  Available frameworks

  Users completed

  168 completed
• WordleBuild Wordle, the word-guessing game that took the world by storm

  Difficulty

  Hard

  Available frameworks

  Users completed

  104 completed