Cross-chain swap using axelar

First, run the development server:

npm run dev
# or
yarn dev

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

Functionalities

Connect wallet using your metamask
Showing native balance
Mint interface for testing purpose for TokenA & TokenB
Swap interface for TokenA & TokenB
Approving selected Token if allowance is not enough
swapRemote function call with fee calculation
Showing axlarscan link after swapping is successful

working

Prettier & eslint configuration on the project
Build based on next.js + rainbowkit + tailwind.css to provide wallet connection

Details for TokenA and TokenB

They are just simple mockERC20 token contract extended from openzeppelin. It has 18 decimals and mint function for testing purpose. and they are deployed on both of chains (Binance smart chain testnet & polygon testnet & Avalanche testnet)

How swap works

When calling swapRemote function in OracleSwap contract, first of all, the user have to approve the contract to spend the amount of token that user want to swap. Then, the contract will lock the token and send the message to destination chain by calling gateway.callContract function inside swapRemote itself. On the destination chain, once the gateway is received the message from source chain, it will run _execute function defined in OracleSwap contract. Then, the contract will transfer the token to the user Additionally, the token prices are defined as static variable in OracleSwap contract.