Toy Blocks App React -- 2
Budget: $10 – $30 USD
React - Redux - TypeScript - Jest
Instructions
The current application is displaying a list of nodes. Each node represents a server. Each server implements the same API but returns different data. The important endpoints you will need to know for each server are: /api/v1/status /api/v1/blocks
Each node has many blocks and the blocks for each node are returned from the blocks endpoint.
Currently the application is getting the status for each node and updating the state. We would like you to retrieve the blocks from the endpoint, place them in the state and render them into a list that matches the design.
Acceptance criteria:
-Blocks are displayed when opening up the card
-Loading, error, empty states are displayed when appropriate
-Tests pass and coverage has been added to cover the changes
-Implementation matches the design
Tests are a mandatory part of the task, so please include them. Please add full test coverage to account for the features of the task, and make sure the full test suite passes.
Instructions
The current application is displaying a list of nodes. Each node represents a server. Each server implements the same API but returns different data. The important endpoints you will need to know for each server are: /api/v1/status /api/v1/blocks
Each node has many blocks and the blocks for each node are returned from the blocks endpoint.
Currently the application is getting the status for each node and updating the state. We would like you to retrieve the blocks from the endpoint, place them in the state and render them into a list that matches the design.
Acceptance criteria:
-Blocks are displayed when opening up the card
-Loading, error, empty states are displayed when appropriate
-Tests pass and coverage has been added to cover the changes
-Implementation matches the design
Tests are a mandatory part of the task, so please include them. Please add full test coverage to account for the features of the task, and make sure the full test suite passes.