This interview requires you to write and execute code, building a simple interactive user interface using vanilla JavaScript or React, and styling it with CSS.
Component that visualizes a dataset by rendering bars with lengths proportional to their corresponding values.
Component that allows users to submit feedback through a simple form with validation and accessibility features.
Component that allows users to rate items by selecting a number of stars out of a maximum value.
A Toast system in React shows temporary notifications of various types, allowing users to create and dismiss them individually.
Build a Traffic Light with Pure JavaScript: Red, Yellow, Green, and Beyond! 🚦
Beep boop! Program a virtual Roomba vaccum to clean the floor in this hands-on coding challenge.
A component that provides cities suggestions as the user types in an input field.
Component displays a list of selectable options when clicked and returns the selected value to the parent component.
Todo list enables users to seamlessly add, edit, delete tasks, and mark completion for efficient task management.
Application that allows users to perform basic arithmetic operations, such as addition, subtraction, multiplication, and division.
Interactive Tic Tac Toe game interface, allowing users to play against each other and displaying the winner or a draw.
A transfer list is a UI component for moving items between two lists, often used to manage and organize multiple selections.
Component that displays hierarchical data and allows users to expand or collapse nodes interactively.
Vertically stacked set of interactive headings that each reveal an associated section of content.
Nested commenting system that visually distinguishes between comment levels, akin to Reddit or Twitter discussions.
Interactive grid where users toggle node colors. Upon activating all nodes, the system automatically reverts them sequentially to their initial state.
Component that visually represents the percentage of a task's completion using a progress bar.
Component that tracks elapsed time with precision, providing start/stop/reset functionality and lap recording.
Simulates dealing a hand of cards from a standard deck, displaying the drawn cards to the user.
Generate a table based on the number of rows and columns entered by the user.
Component that simulates a basic elevator system.
Create a classic Holy Grail layout
A reusable image carousel component that allows users to navigate through a collection of images with smooth transitions and intuitive controls.
Reusable React component that formats a phone number input field in real-time.
The tiny animations brings a lot of joy to the user experience. ✨
Build a tab component in React with a focus on accessibility and user experience.
Efficiently process and filter financial transactions based on a provided query.
A user interface displaying a list of products with a name-based filter, enhanced by styling and animation.
Create a beautiful masonry grid layout using modern CSS techniques. ✨
Build a LinkedIn-style "People You May Know" component with HTML and CSS 👥
Wordle is a five-letter word puzzle with color-coded feedback for each guess, green (correct), yellow (misplaced), and gray (absent).
Create a smooth image zoom effect that enhances user engagement. ✨
Generate a hierarchical table of contents from a HTML document.
React components for efficiently rendering large lists and tabular data
A dynamic interface where users draw two circles that change color when they intersect, offering real-time visual feedback on overlap.
React game component where players match country names with their corresponding capitals by clicking buttons.
A web component for users to input and submit a purchase value with real-time validation and feedback.
A reusable kanban board component that allows users to organize and move cards between columns, demonstrating state management and user interaction in React.
The component should accept a configuration prop that determines the type of transformation to apply.
Create a matrix of random colors and more
Video chat room using React Hooks, incorporating features such as a lobby, a list of participants, and the chat room itself.