Date: 03.02.2024 Version: 1.1

For the position: Frontend/Full Stack Developers

Test Assignment

Task

The goal of this assignment is to replicate a specified component using HTML, CSS, and JavaScript (if necessary). Your task involves accurately recreating a component based on the provided design from Figma, ensuring it mirrors the original design's aesthetics and functionality as closely as possible. It is crucial that the result is as pixel-perfect as possible. Additionally, make sure to launch the prototype in Figma to see all the component details.

Requirements

  1. Access to the Design: [Link to the Figma design].
  2. Technologies: HTML, CSS, JavaScript (if needed). The use of frameworks such as React, Vue, Angular is allowed, depending on the candidate's preferences.

Checklist

  1. All 8 checkbox states are implemented.
  2. All button states are implemented.
  3. The component size exactly matches the example (not almost similar, but exactly).
  4. The button size exactly matches the example (not almost similar, but exactly).
  5. The checkbox shape exactly matches the example (not almost similar, but exactly).
  6. Page scrolling works (when you launch the prototype, you will see that there are 6 pages, not 4).
  7. All colors exactly match the example (not almost similar, but exactly).
  8. All indents between elements exactly match the example (not almost similar, but exactly).
  9. If all pages are selected, the All pages checkbox is selected automatically.