Create a swap for two different ASA


I am looking to create a swap page for two assets.
I want users to land at the webpage and they can send one ASA with a pre defined cost) E.g. 100 units) and against which they will get another ASA (NFT).

Working example - G^2 Sweet Watermelon 🍉 - AlgoChain

I am new to the development but willing to grind through to obtain the above result.

Any help or direction will be appreciated.


I would recommend you to look at: GitHub - algorandfoundation/buildweb3: Repository for the Algorand class of the "Building with Blockchain for Web 3.0" course (

It does almost what you want at the end: exchange ASA for Algos.