This is a Next.js project bootstrapped with create-next-app.

For styling, we use Tailwindcss and Preline components. You are welcome to use any other UI framework to get Tasks done. For Icons, we use https://lucide.dev/guide/packages/lucide-react. Again you are welcome to use a raw svg (or any other package.)

First, run the development server:

npm i
npm run dev

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

1. Rotten Tomators (provider rt) are not showing up right. RT and Imdb differences:
   1. field names might be different.
   2. Poster in RT comes as a first image in images.
2. Genre List is not sorted.
3. Show a fallback image when image fails to load.

1. Favorite feature.
   1. [Backend] Expose functionality to favorite a movie. (keep favorites in memory)
   2. [Frontend] Show "star" icon to enable favorite.
2. Make the front page look pretty.
   1. Get caraousel working. https://preline.co/docs/carousel.html
   2. Make Plot show up on hover. (extra points: after 500ms delay)
   3. Make thumbnails switch from time to time.
   4. You are welcome to make changes to the font / padding / margins if you think they are needed.

• Next.js Documentation - learn about Next.js features and API.
• Tailwindcss Documentation - learn tailwindcss to quickly improve css styling.
• Preline documenation - learn preline components