Frontend of DEX with liquidity pools, Stage 1

Task

In this stage, you need to create a working UI. Asynchronous calls to smart contracts must be mocked-up.
We require a UI for exchanging one token for another token, a UI for creating a pool with two tokens, a UI for adding and removing liquidity from a pool, a UI with a list of pools and pool statistics.
You can explore services like Uniswap and Pancake.
You must use the Typescript+React+Redux stack.
Extra dependencies and extra code are not welcome.
You can't use the idea of just copying the entire open-source Uniswap code - there is a lot of unnecessary code there.
When considering the design options, you can focus on the ton.org site, UI of standard wallets and bridge. You may find the brand assets page helpful.
We deliberately did not give ready-made references so that you have the opportunity to rethink some things in using such services.
Evaluation priorities: understandability of the code and the possibility of its further support, general correctness and speed of the application and attention to detail.