History

Barry Gitarts 16ca34859a table layout of transactions for relay		2021-04-27 15:44:44 -04:00
..
public	add bridge contracts	2021-01-22 15:18:19 -05:00
src	table layout of transactions for relay	2021-04-27 15:44:44 -04:00
.gitignore	add bridge contracts	2021-01-22 15:18:19 -05:00
README.md	add bridge contracts	2021-01-22 15:18:19 -05:00
config-overrides.js	add bridge component	2021-02-01 18:41:42 -05:00
package-lock.json	add bridge contracts	2021-01-22 15:18:19 -05:00
package.json	add router	2021-04-27 15:06:43 -04:00
tsconfig.json	add bridge contracts	2021-01-22 15:18:19 -05:00

README.md

Get started

Clone the repo and cd into it git clone https://github.com/symfoni/hardhat-react-boilerplate.git MyProject && cd MyProject
Install deps with yarn yarn or npm npm install
Start hardhat npx hardhat node --watch

It runs up a Hardhat node, compile contracts, generates typescript interfaces, creates React context and instantiates your contract instances and factories with frontend provider.

Open up a new terminal
cd frontend
Install deps with yarn yarn or npm npm install
Start React app with yarn yarn start or npm npm start

The frontend should start up at http://localhost:3000/.

Because of this default hardhat.config.ts it will first try to connect with an injected provider like Metamask (web3modal package does this).

If nothing found it will try to connect with your hardhat node. On localhost and hardhat nodes it will inject your mnemonic into the frontend so you have a "browser wallet" that can both call and send transactions. NB! Dont ever put a mnemonic with actual value here. We will limit this feature going forward so its more explicit.

const config: HardhatUserConfig = {
  react: {
    providerPriority: ["web3modal", "hardhat"],
  },
};

The default mnemonic currently used by hardhat is test test test test test test test test test test test junk