React
Redux Toolkit
React Router
TypeScript
SCSS
First, install the packages:
yarn install
Then run the local server:
yarn start
Open http://localhost:3000 to view it in the browser.
- Exchange page, with the ability to make an exchange. UI for all available modal windows when making an exchange.
- UI of the wallet status with transaction history.
- Liquidity page. Possibility to view the list of pools in which the liquidity was added. UI for liquidity is present.
- Liquidity adding page. Possibility to create liquidity for any pair, taking into account that such a pool didn't exist before.
- Charts page. It's possible to view the lists of all pools and transactions in the app.
- Pool page. Detailed information with pool statistics as well as pool transaction history.
The design is based on https://ton.org/, https://ton.app/, https://ton.sh/, https://ton.org/brand-assets/. From the solutions of Uniswap and PanckakeSwap. You can see prototypes of the interfaces at the following link: https://www.figma.com/file/9Ala1uxnC5mai0LeTqJmR9/TON-Swap-Contest