Getting Started

First, install dependencies.

npm install
# or
yarn install
# or
pnpm install
# or
bun install

Second, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Notes

The site shows an input field with a list of movies to search from. The movie search results are mocked and show a loading state, with a randomized delay to mimic a real API call.

Tasks

Task 1

• Implement the debounce search in a custom hook

Task 2

• Implement Error Boundary for MovieGrid component

Task 3

• Implement pagination for the movie list and search results

Task 4

• Implement favourite with redux

Task 5

• Implement movie list update on movie search result click