Typescipt Web3 Fullstack ( Binance Testnet )

Untitled.mp4

This project demonstrates single transaction and batch transaction use case. It comes with a transaction and batch transaction solidity contract, a reactjs front-end to interact with transaction contract, a backend server to subscribe event and continue listen using ether.js websocket api

Binance Smart Chain Faucet

Try running some of the following tasks:

Note :

Please run client and backend server first to launch the app

Native Token to sent : BNB (Binance Smart Chain Native Coin)

.env

REACT_APP_INFURA_KEY=""
REACT_APP_ENV="DEV"

Init Package Setup

yarn

Typechain

npx typechain --target ethers-v5 --out-dir typechain {YOUR_PATH}/abi.json

Smart Contract ( Solidity, Hardhat )

npx hardhat accounts
npx hardhat compile
npx hardhat clean
npx hardhat test
npx hardhat node
node contract-scripts/deploy.js
npx hardhat help
npx hardhat run --network testnet contract-scripts/deploy.js

Backend

node server/server.js

Subscribe event listener screenshot ( terminal )

Screen Shot 2022-03-23 at 12 56 47 AM

Frontend

yarn start

Skillsets

Front-end : React.js, Typescript, Redux, Redux-thunk, custom webpack, ether.js, web3.js, scss
Back-end : Express, Node.js
Smart-contract: Solidity, ethers, hardhat

Todo

  1. Custom token transcation
  2. Solidity test coverage
  3. Typescript version of Express

Reference

  1. Web3React: https://hackmd.io/Ykpp1MWLTjixIZG2ZJEShA

GitHub

View Github