RoosterDao UI Protoype

Based on tech stack used in https://github.com/paritytech/contracts-ui

Run Flipper

1. Clone this repository
2. Checkout branch "rooster-dao-ui-prototype"
3. Run yarn install
4. Run yarn start
5. Open localhost:<port> as shown in terminal
6. Upload the flipper.contract files from the contracts/examples folder to your local node with https://paritytech.github.io/contracts-ui
7. Select the Flipper page
8. Copy the smart contract addresses to the designated input field

Run Governor

1. Clone this repository
2. Checkout branch "rooster-dao-ui-prototype"
3. Run yarn install
4. Run yarn start
5. Open localhost:<port> as shown in terminal
6. Open Governor page
7. Run yarn contract to build and deploy Governor Contract. Use yarn contract-build and yarn contract-deploy for separate steps.
8. After deploy Governor page should show current block, address of smart contract and available messages

Original ReadMe

Substrate Contracts UI

Substrate Contracts UI is a web application for deploying and interacting with WASM smart contracts on Substrate blockchains that include the FRAME Contracts Pallet.

Supported smart contracts:

• ink!
• ask!
• solang

We recommend running a Substrate Contracts Node for local development or using the Contracts parachain on the Rococo Testnet.

Features

Contract instantiation

Once you have a compiled contract and you are connected to a node, you can use the hosted version of Contracts UI to add a new contract on-chain.

There are 2 instantiation methods:

Upload New Contract Code

In Substrate, contract code is stored only once on-chain and shared between instances. If the contract has never been instantiated before in it's current form, you need to choose the Upload New Contract Code option and provide the .contract code bundle that was generated when compiling the ink! contract. The bundle contains the contract metadata and the WASM code. Make sure your versions for the node, ink! and cargo-contract are up to date, otherwise the .contract bundle will be invalid.

Use Existing Contract Code

If you need to re-instantiate a contract from a different owner or for other reasons, you can use the "Use Existing Contract Code" option. You will have to provide a code hash that already exists on-chain or choose one that belongs to a code bundle previously uploaded via our UI. If the code hash is on-chain but the contract was not uploaded via Contracts UI, you will also have to provide the metadata.json file in the next step.

The UI will interpret the contract metadata and output a guided instantiation form.

Interaction

After a successful instantiation, you will be redirected to the contract page where you can call contract messages (methods) and get a log of results.

Run the app locally

Install dependencies

yarn

Run dev server

yarn start

Contributing to the project

Please see our Contribution Guidelines before opening an issue or PR.