Warmup: Build a counter component

Implement a list that loads more content as the user scrolls down the page.

Build an app that fetches and displays Pokémon data from an external API.

Create placeholder skeleton to simulate content loading before actual data is displayed.

Implement a function that recursively flattens a nested array into a single-level array.

Build interactive elements that can be dragged and dropped into specific target areas.

Create a small, reusable CSS framework with basic styles for common UI components.

Build a notification bell component that displays the number of unread notifications.

Create a custom hook that returns the current width and height of the browser window.

Implement a progress bar that visually represents the completion status of a task or process.

Build input field that delays the processing of user input until after a specified period of inactivity.

Create a component that displays additional information when hovering over or focusing on an element.

Implement a polyfill for Promise.all that handles multiple promises and resolves when all promises are fulfilled or rejects if any fail.

Build a chat widget that floats on the screen and allows user interaction without interrupting the main content.

Implement a mechanism that limits the frequency of API requests to prevent overloading the server.

Create a form that is divided into multiple steps, progressing sequentially through user input fields.

Implement a function that caches the results of expensive function calls to optimize performance for repeated inputs.

Build a toggle switch that switches between light and dark themes for the application.

Implement a function that restricts the number of times an action can be performed within a specified time period.

Create a carousel that loops through slides infinitely without resetting back to the first slide.

Implement a function that converts a deeply nested object into a single-level object with dot notation keys.

Create a non-intrusive popup notification that appears temporarily to display messages or alerts.

Implement a system that manages and processes events in a sequential order using a queue structure.

Allow users interact and move through UI elements using the keyboard.

Implement lazy loading for images to delay their loading until they are about to enter the viewport.

Create a modal with Cancel and Confirm buttons to handle user decisions.

Implement a function that creates a deep copy of an object, including all nested objects and arrays.

Build an input field that provides real-time feedback on the strength of a user's password.