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/apia low-level TypeScript API.
- useInkathon a React hooks library.
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! is a URL shortener DApp. It consists of a frontend and an ink! contract.
polkadot-js/api under the hood.
The entire source code (contract + frontend) is located here:
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.