Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/huseyindeniz/simple-dapp
Simple decentralized application (dApp) demonstration
https://github.com/huseyindeniz/simple-dapp
Last synced: about 1 month ago
JSON representation
Simple decentralized application (dApp) demonstration
- Host: GitHub
- URL: https://github.com/huseyindeniz/simple-dapp
- Owner: huseyindeniz
- License: mit
- Created: 2023-01-21T13:23:45.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-18T06:30:23.000Z (almost 2 years ago)
- Last Synced: 2024-10-29T20:27:33.280Z (2 months ago)
- Language: TypeScript
- Size: 24.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://github.com/huseyindeniz/cra-template-dapp).
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](https://trufflesuite.com/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 i```first 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
