📱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.

Three popular libraries for building frontends are:

• useink an ergonomic React hooks library for interacting with Wasm contracts and Substrate.

• 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.