You have 3 button that should load the goods and show them on the page using the GoodsList
.
Load All goods
should load and show all thegoods
;Load 5 first goods
should do the next:- load all the goods;
- sort them by name;
- and show the first 5;
Load red goods
should load all the goods show onlyred
ones;- Server has only 1 endpoint returning all the goods, so you should do all the preparations in corresponding methods in
/api/goods
. GoodsList
is almost finished, you just need to use corresponding colors forli
s;
- Implement a solution following the React task guideline.
- Use the React TypeScript cheat sheet.
- Open one more terminal and run tests with
npm test
to ensure your solution is correct. - Replace
<your_account>
with your Github username in the DEMO LINK and add it to the PR description.