React dynamic list of goods

Here is the working page

You have 3 button that should load the goods and show them on the page using the GoodsList.

1. Load All goods should load and show all the goods;
2. Load 5 first goods should do the next:
   • load all the goods;
   • sort them by name;
   • and show the first 5;
3. Load red goods should load all the goods show only red ones;
4. Server has only 1 endpoint returning all the goods, so you should do all the preparations in corresponding methods in /api/goods.
5. GoodsList is almost finished, you just need to use corresponding colors for lis;

Instructions

• Install Prettier Extention and use this VSCode settings to enable format on save.
• 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.