Challenge Time: 24 HR.

Publish source code on GitHub repository (at least 1hr before the team interview)

Deploy on Vercel (optional as it’s good for demo)

Master of Tailwind CSS

For the front-end engineer challenge, you will be tasked with creating a microsite using Tailwind CSS. The microsite should be visually appealing, responsive, and demonstrate your proficiency in front-end development using Tailwind CSS.

The challenge will involve building a single-page microsite that showcases your abilities in structuring HTML, styling with CSS, and implementing interactivity using JavaScript if necessary. You will also need to ensure that the microsite is optimized for different screen sizes and devices.

Good luck with the challenge! 💪

Requirement

The requirement for the challenge is to create a microsite using Tailwind CSS that replicates the design and functionality of the Netflix page Top 10 page for Thailand. The microsite should have a similar layout, styling, and interactivity as the provided Netflix page.

Netflix Top 10 - By Country: Thailand

Data & API

Using static data (hardcode)

Image assets

You can Download shareable images on that page

Design sections guideline

Section #1

A country dropdown selected component must had but we don't expect to actually work, But can swap between “TV” and “Films”

Section #2