Skip to content

Latest commit

 

History

History
80 lines (59 loc) · 2.5 KB

README.md

File metadata and controls

80 lines (59 loc) · 2.5 KB
Raw

How to Build a Web3 Play-To-Earn Money Dapp with React, Solidity, and CometChat

Read the full tutorial here: >> How to Build a Web3 Play-To-Earn Dapp with React, Solidity, and CometChat

This example shows How to Build a Web3 Play-To-Earn Dapp with React, Solidity, and CometChat:

Game Play

Game Play to Earn

Result and Payout

Result and Payout

Play to Earn Live Chat

Play to Earn Live

Technology

This demo uses:

  • Metamask
  • Hardhat
  • Infuria
  • ReactJs
  • Tailwind CSS
  • Solidity
  • EthersJs
  • Faucet

Running the demo

To run the demo follow these steps:

  1. Clone the project with the code below.

    # Make sure you have the above prerequisites installed already!
git clone https://github.com/Daltonic/P2E PROJECT_NAME
cd PROJECT_NAME # Navigate to the new folder.
yarn install # Installs all the dependencies.

  2. Create a CometChat project, copy and paste your key in the spaces below.

  3. Update the .env file with the following details.

     REACT_APP_COMET_CHAT_APP_ID=<CometChat_APP_ID>
 REACT_APP_COMET_CHAT_AUTH_KEY=<Comet_Chat_AUTH_KEY>
 REACT_APP_COMET_CHAT_REGION=<CometChat_REGION>
 REACT_APP_RPC_URL=<http://127.0.0.1:8545>

  4. Run the app using the following commands.

    yarn install
yarn hardhat node
yarn hardhat run scripts/deploy.js

  5. On another terminal, run yarn start to launch the project on the browser.

  6. Add some hardhat accounts, connect your wallet and interact with the app.

If your confuse about the installation, check out this TUTORIAL to see how you should run it.

Questions about running the demo? Open an issue. We're here to help ✌️ Access the Teaching Guide Here.

Useful links