UI Machine Coding 50 Interview Curriculum

Build a contact form that posts the user's name, email, and message to a backend endpoint.

Build a counter component that increments a displayed number each time a button is clicked.

Build the classic holy grail page layout with a header, footer, and three columns of content.

Build a Like button that toggles between liked and unliked states with matching visual feedback.

Build a reusable modal dialog component that you can open from a trigger and close with a button.

Build a progress bar component that visualizes the percentage completion of an operation.

Build a component that renders a list of progress bars which animate from empty to full as they mount.

Build a widget that converts between Celsius and Fahrenheit, updating either field as the other changes.

Build a traffic light that cycles green to yellow to red on a timer and loops indefinitely.

Build a static tweet component that mirrors the layout of a single post on Twitter.