KishanV / smart-contract-web3-react-demo

Implementation of web3 with metamask.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

smart-contract-web3-react-demo

Implementation of ethereum smart contract read/write by web3 with metamask. to visit online demo please click below link. you can also watch screen recording demo by clicking below thumbnail.


blockchain info & links

  1. ethereum address: https://ropsten.etherscan.io/address/0x5cd6181c72af956069caa51687f3bacfedecb9f2
  2. deployed smart contract: https://ropsten.etherscan.io/address/0xd39b135b66c3d47d068f71eea9c44b157da33ac9

Used library and plugins

  1. React.js
  2. Scss / Css
  3. Redux
  4. Web3.js
  5. Typescript / Javascript
  6. Webpack

How to build code

  1. its required latest node and npm installed on local machine. this build work on any OS which support node and npm.
  2. install dependency by using command npm install in root folder.
  3. to run type command npm start.
  4. for build use npm build.

How to run

  1. install Metamask in your google chrome browser.
  2. use url to view UI in browser http://localhost:16000
  3. for online version open open this url http://citizens-smart-contract.surge.sh

About

Implementation of web3 with metamask.

License:MIT License


Languages

Language:TypeScript 60.1%Language:SCSS 25.2%Language:JavaScript 7.2%Language:Solidity 6.5%Language:HTML 1.0%