simple-dapp

Simple decentralized application (dApp) demonstration.

Smart contract is under the blockchain folder and created with Hardhat.

Frontend is under the client folder and created with dApp CRA Template.

You can create your own frontend by simply running the following command in your terminal:

npx create-react-app mydapp --template @huseyindeniz/dapp

How to run?

1. Download Ganache
2. Start Ganache, create a new ethereum workspace, start it and leave it as open
3. Open the blokchain folder with VSCode
4. Open terminal
5. Run npm ifirst then run npx hardhat run scripts/deploy.ts --network ganache
6. You will see the address of the HelloWorld contract on the console log. Copy it.
7. Open the frontend folder with VSCode
8. Open the file src/features/helloWorld/chains/ganache.ts
9. Paste the contract address you copied before into the contract address variable and save it.
10. Run npm i and then run npm start, it will open the simple-dapp in your browser
11. Open Metamask and import any acccount from Ganache
12. Click the Connect button in the simple-dapp application