Phase 5: UI Intermediate

Build a tabs component that displays a list of tab elements and one associated panel of content at a time

Build a users data table with pagination features

Build a dice roller app that simulates the results of rolling 6-sided dice

Build a file explorer component to navigate files and directories in a tree-like hierarchical viewer

Build a Like button that changes appearance based on the states

Build a reusable modal dialog component that can be opened and closed

Build a star rating component that shows a row of star icons for users to select the number of filled stars corresponding to the rating

Build a Todo list that lets users add new tasks and delete existing tasks

Build a traffic light where the lights switch from green to yellow to red after predetermined intervals and loop indefinitely

Build a 7-segment digital clock that shows the current time

Build a tic-tac-toe game that is playable by two players

Build an image carousel that displays a sequence of images

Build a job board that displays the latest job postings from Hacker News

Build a stopwatch widget that can measure how much time has passed

Build a component that allows transferring of items between two lists

Build an accessible accordion component that has the right ARIA roles, states, and properties

Build a fully accessible accordion component that has keyboard support according to ARIA specifications

Build an analog clock where the hands update and move like a real clock

Build a users data table with sorting features

Build a semi-accessible file explorer component that has the right ARIA roles, states, and properties

Build a file explorer component using a flat DOM structure

Build a grid of lights where the lights deactivate in the reverse order they were activated

Build a semi-accessible modal dialog component that has the right ARIA roles, states, and properties

Build a moderately-accessible modal dialog component that supports common ways to close the dialog

Build a list of progress bars that fill up gradually in sequence, one at a time

Build a semi-accessible tabs component that has the right ARIA roles, states, and properties

Build a fully accessible tabs component that has keyboard support according to ARIA specifications

Build a list of progress bars that fill up gradually concurrently, up to a limit of 3

Build a widget that fetches birth year data from an API and plot it on a histogram

Build a game for two players who take turns to drop colored discs from the top into a vertically suspended board/grid

Build an image carousel that smoothly transitions between images

Build a pixel art drawing tool where users can paint pixels with selected colors

Build a signup form that does validation on user details and submits to a back end API

Build a counter with a history of the values and ability to undo/redo actions

Build a UI to filter, create, update, and delete users

Build a popular arcade game where players attempt to hit moles as they pop up from holes in a board

Build a memory game where the player needs to match pairs of cards