Counter Wasm Dapp

Clone project

1. Clone the repo

   git clone https://github.com/5ire-tech/counter-wasm-dapp
   

2. Go inside the folder

   cd counter-wasm-dapp
   

Prerequisites

• Node >= 16.0

• yarn

• Install Rust Environment:

  • Install Rust

      curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

  • Configure

      source ~/.cargo/env

  • Configure to the latest stable and WASM target

      rustup default stable
      rustup update
      rustup update nightly
      rustup component add rust-src
      rustup component add rust-src --toolchain nightly
      rustup target add wasm32-unknown-unknown --toolchain nightly

  • Install C++ Compiler

rustup component add rust-src ```

• Install Ink CLI:

cargo install --force --locked cargo-contract

Ink! Smart Contract

• Go to contracts folder:

  cd contracts
  

. We use ink! language to write smart contract ink!.

• Write your counter smart contract

  Inititalize value constructor new(init_value:i32)

  Increase value by sign transaction function inc()

  Decrease value by sign transaction function dec()

  Query/ Get value function get()

• Build wasm smart contract

  ./scripts/build.sh
  

• Deploy counter smart contract

  • cd contracts/scripts/deploy
  • In this project, copy the .env.test file to a file named .env, and then edit it to fill in the details. Enter your mnemonics phrase which will send the deployment transaction.
  • yarn install
  • Deploy smart contract:

    node deploy.js
    

    Contract Address: 0xF26A215A059e3aBB80a53A90E13429DA46090D9C

Frontend

• Go to ui folder:

  cd ui
  

• Install dependencies

  yarn install
  

• Put contract address that your smart contract is deployed in .env file

  REACT_APP_WSS_PROVIDER=wss://rpc.testnet.5ire.network/
  REACT_APP_CONTRACT_ADDRESS=0xF26A215A059e3aBB80a53A90E13429DA46090D9C
  

• Start frontend

  yarn start