My take on Ataccama coding challenge
run $ npm run dev to run development environment
run $ npm run build to build the solution, output will be waiting ing public folder, so go ahead and give that index.html a double click
run $ npm test to run the tests of the app
run $ npm run test-watch to run the tests continuously
run $ npm run documentation to update documentation when changed
The only requirement that we have is to use React. The choice of state management library, css preprocessor and everything else is left to you.
Please, approach this task as you would approach the production application - flex your software engineering muscle a little bit.
Please create an application which creates a hierarchy table from input data in .json format.
Every item in json consists of it’s own data and array, which items represents child data. Item’s data can have a variable number of attributes (key: value) and item can have a variable number of nested child items. When you click on item, direct child items are hidden/shown.
In the attachment you can see an example of data in json and screenshot of the hierarchy table.
Use the attached data.json and create the hierarchy table application (similar to screenshot). The application has data and view layers, which are clearly separated. Implement a "remove" button, which deletes item in data and view layer in your application. If item has children items, they have to be deleted as well.
Evaluation criteria: What is important
- code quality
- correct usage of chosen technologies
- data consistency What is less important
- design