Dapps

We'll point to a couple full-stack Dapp examples here. These can serve as inspiration for how to create a frontend for your smart contract.

Two popular libraries for building frontends are:

• polkadot-js/api a low-level TypeScript API.
• useInkathon a React hooks library.

INK!athon

INK!athon is a full-stack dApp boilerplate project consisting of an ink! smart contract and a React frontend using the useInkathon hooks library.

link!

link! is a URL shortener DApp. It consists of a frontend and an ink! contract.

link! uses polkadot-js/api under the hood. The entire source code (contract + frontend) is located here: https://github.com/paritytech/link.

You can view an online demo of the Dapp here: https://tiny.ink.

To create new short links you need ROC tokens from our testnet. See here for how to get those.