A single transaction and batch transaction use case
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
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 )
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
- Custom token transcation
- Solidity test coverage
- Typescript version of Express
Reference
- Web3React: https://hackmd.io/Ykpp1MWLTjixIZG2ZJEShA