Frontend
Front-end related tags
Medium
Feedback Stars
Create a feedback rating component that takes in a number of stars and outputs the corresponding star SVGs on the output window. When the user clicks ...
Easy
Countries List with Debounce
Debouncing is a method of preventing a function from being invoked too often, and instead of waiting a certain amount of time until it was last called...
Medium
Polyfills
A polyfill is a code snippet (in terms of javascript web architecture) used for modern world functionalities on older browsers that do not implement i...
Medium
Folder Structure
Given a data object resembling a folder structure, create a folder structure UI resembling that of VS code with appropriate functionalities.
Easy
Select All Checkboxes
Given a `Select All` checkbox - toggle the children's checkboxes in such a way that when the `select all` button is clicked, all the boxes are checked...
Easy
Guess The Output II
Given an object with functions first() and second() - Guess the output of the given snippet that contains two function calls, one is an arrow function...
Medium
Lightbox Gallary
Create a minimal Lightbox Gallery. A lightbox gallery is an image gallery with many images lined up as tiles. Once a tile is clicked, a full-screen im...
Easy
Form Validation
Create a Form Component in React that renders out a list of input fields and validates them before finally submitting the form. Create the form from s...
Easy
Link Previewer
Create a Link Previewer component in React that takes in children prop, that, when hovered over, displays the link that was provided to the component ...
Hard
Command Palette
Create a Command Palette that opens up with Keyboard events like Command + K. In this problem, The command palette will have navigation links to which...