Do you want to work in Danapay company?
Budget: $10 – $30 USD
Danapay company is financial company for west Africa country and France...
Our country needs one front-End engineer.
This is simple test task!
1. In a new public github repo, create a front-end react / nextjs / typescript app with a mock user [table in Matine](https://mantine.dev/core/table/) (3 rows X 4 columns). Fill it with some mock data. The table should take up the width of the window.
2. In the last column, place a variable number of div elements that contain short bits of text — i.e. their size of each div is determined by the length of the text, as see below:
1. If there is not enough space (i.e. the window / table gets smaller), collapse these documents into a single button that says “Documents” with a “chevron” icon on the right. Clicking on this button opens up a menu that displays the documents vertically.
2. If there are more than 4 vertical documents in the menu, make the menu scrollable.
Bonus points for using mantine elements (e.g. [Mantine Group](https://mantine.dev/core/group/) / [Mantine Stack](https://mantine.dev/core/stack/)) where possible.
Bonus points if you can accomplish #3 and #4 using just CSS (no JS).
Bonus points for making the UX aesthetically pleasing
Bonus points for making it easy for me to run your solution to verify it
--------------------------------------------
If you want to work in our company, please make this test task...
Our country needs one front-End engineer.
This is simple test task!
1. In a new public github repo, create a front-end react / nextjs / typescript app with a mock user [table in Matine](https://mantine.dev/core/table/) (3 rows X 4 columns). Fill it with some mock data. The table should take up the width of the window.
2. In the last column, place a variable number of div elements that contain short bits of text — i.e. their size of each div is determined by the length of the text, as see below:
1. If there is not enough space (i.e. the window / table gets smaller), collapse these documents into a single button that says “Documents” with a “chevron” icon on the right. Clicking on this button opens up a menu that displays the documents vertically.
2. If there are more than 4 vertical documents in the menu, make the menu scrollable.
Bonus points for using mantine elements (e.g. [Mantine Group](https://mantine.dev/core/group/) / [Mantine Stack](https://mantine.dev/core/stack/)) where possible.
Bonus points if you can accomplish #3 and #4 using just CSS (no JS).
Bonus points for making the UX aesthetically pleasing
Bonus points for making it easy for me to run your solution to verify it
--------------------------------------------
If you want to work in our company, please make this test task...