Frontend Developer

I used the filter() function to select only the objects that matched the given category. Then, I applied the map() function to create a new array where the price of each object was updated by multiplying the current price with 0.9, effectively applying a 10% discount.

I used the filter() function with an includes check to filter array items based on the search string. After filtering, I applied the map() function to return an HTML element for each item, where the matching part of the string is highlighted. To achieve the highlighting, I used indexOf() to find the match position and slice() to split the string into three parts—before, matching, and after—and then wrapped the matching part with a styled element.

I first solved the problem using the recursion method to generate the Fibonacci series. Then, as an alternative approach, I implemented the solution using a loop-based method to demonstrate a more efficient way of solving the problem.

I designed a custom hook for localStorage. On initialization, it ensures that localStorage is set with a default value if none exists. I then added a setter function to update the data in localStorage and bound this setter to the input element in the main component.