AlgochurnFrontendchurnCompaniesBlogLogin

Easy

45 minutes

Full Screen Modal

A modal is an overlay screen that appears when the user performs some action on the website. For example, You must be familiar with a window popping o...

Adobe
Zomato
PayTM
#React

Medium

60 minutes

Infinite Autoplay Slider

As seen on the TailwindCSS website, create a horizontal grid of moving cards that loop infinitely. When hovered over, the cards slow down and are clic...

Paypal
#React

1 like

Easy

20 minutes

useKeyPress Custom Hook

Keypress events are triggered whenever a user hits any of the keys on the keyboard and some action happens on the web application. Create a custom hoo...

Salesforce
#React

1 like

Easy

30 minutes

Local Storage Custom Hook

Implement a custom hook to get and set values from and to Local Storage. A custom hook is a way (or rather a mechanism) to reuse stateful logic. State...

Flipkart
#React

Medium

35 minutes

Toasts And Notifications

Toasts are the small little notification messages that popup on front-end applications to notify the user of some current actions that have happened. ...

Amazon
#React

1 like

Medium

45 minutes

Countdown Timer

A countdown timer has hours, minutes and seconds that count down to 0 when started. In this problem, you are required to create a Countdown component ...

Facebook
#React

1 like

Easy

60 minutes

Job Feed

Create a Job Feed page where the latest job postings are fetched from the Hackernews API. On clicking the job posting, the user should be able to land...

Amazon
#React

1 like

Easy

20 minutes

Memoization

Memoization is a way for a function to remember or cache the results. Given an expensive function that takes a long time to compute for the same resul...

Amazon
#Javascript

2 likes

Easy

25 minutes

Flatten A Nested Object

Flatten a nested object that contains arrays and objects as children. The task is to make the object flat, i.e. there should be no nested children lef...

Youtube
Hackerrank
#Javascript

2 likes

Medium

60 minutes

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...

Facebook
Amazon
#Frontend#Javascript

1 like

Medium

60 minutes

Folder Structure

Given a data object resembling a folder structure, create a folder structure UI resembling that of VS code with appropriate functionalities.

Google
Amazon
#Frontend#React

1 like

Medium

60 minutes

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 ...

Amazon
#Frontend#React

Easy

60 minutes

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...

Google
Facebook
Amazon
#Frontend#React
HomeAlgochurnFrontendChurnPlaygroundBlogsLoginPrivacyTermsCompaniesTagsCategories