Frontend Contest: Frontend of DEX with liquidity pools, Stage 1

Demo available at: https://ton-swap-22qkz.ondigitalocean.app

This project was bootstrapped with Create React App.

yarn install
yarn start

Open https://localhost:3000 to view it in the browser.

yarn docker:build
yarn docker:run

Open https://localhost:1337 to view it in the browser.

• Swap page for exchanging one token for another token
• Pool page for creating a pool with two tokens and manage existing user pools
• Add and Remove Liquidity pages
• Import Pool Page
• Top Pools page with a list of pools and pool statistics
• Wallet Account Modal with a list of latest translations
• Notifications for pending transactions
• Charts with recharts
• Math with bignumber.js
• Internationalization support with react-i18n
• Progressive Web App support
• Mobile friendly

Notice For demo purpose simple-uniswap-sdk was used to mock exchange rates

• Implement Token List Manage
• Unit and e2e tests

In the project directory, you can run:

Runs the app in the development mode.
Open https://localhost:3000 to view it in the browser.

Launches the test runner in the interactive watch mode.\

Launches the test runner with code coverage report.\

Builds the app for production to the build folder.

Builds the Docker image in the production mode.

Create docker container in the production mode. Open https://localhost:1337 to view it in the browser.

Builds the Docker image in the development mode.

Create docker container in the development mode. Open https://localhost:3001 to view it in the browser.

Extract translations to 'src/i18n' folder

Analyze bundle size. Build app first (yarn build)

Run storybook for UI

Build storybook for UI