Frontend Testing Tasks

Task 1
Figma File
Video
Create a table with the same functionalities that In the links above a link to a figma file and a
video administrating the expected functionality of the table in addition to the ones that are clear
in the video, this one might need some specification, the above drop down controls the columns
arrangement in the table also when disabling a checked row it gets unchecked same for
expanded rows
Table doesn’t have to look just like the one on the Figma file just as decent and close to it as
possible, task expected to be done using React or next and PrimeReact

Task 2
JSON Expected to be received

Like the image above elements are placed in a tree like hierarchy and on clicking the tree link
displays it’s permissions that are in the JSON on the left side of the layout, you are supposed to
take the parent id from data in the json and rearrange the data-structure so it fits the tree in
prime React ,task expected to be done using React or next and PrimeReact and it doesn’t have
to look the same
Task 3
PRODUCTS - Dummy REST API of JSON data for development (dummyjson.com)
Using this dummy JSON create a vanilla JS app that gets the data and displays it in a grid and
displays the element clicked on in a single page, feel free to style it and get creative with it to
your liking but use your own styles not a template and make it look pretty ,accessible and
responsive

Task 4
Reimplement filter and promise functionalities in javascript just like the way they work normally

NOTE: your code won’t be used in a production app the soul purpose of this is to test your skills