Next.js

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

OR

Check out vercel app: https://my-swap-frontend.vercel.app/

Contracts deployed to Polygon Mumbai Testnet (chainId: 80001)

WETH and couple own random tokens hardcoded.

The basic structure is the same as in Uniswap V2. Add/remove liquidity for tokens and ETH, and swap them.