Dribble is my first blockchain, web 3.0 application that you could use to deposit ethereum into a wallet using Meta Mask. This project utilises a sample contract, a test for that contract, a sample script that deploys that contract, and an example of a task implementation, which simply lists the available accounts. This project uses React JS for the client-side, NodeJS on the backend, with Hardhart js, Etherjs and Solidity.
- Hardhat Js
- Metamask
- Ethers js
- Node Js
- Yarn (I used Yarn, not NPM this time.)
- Solidity
- Tailwind CSS
- React JS1
First, clone this repository
Ensure you have a nodejs server running on your machine.
Get Metamask. Download the Chrome Extension
Once it's done, proceed to the next step.
Proceed, then add a network. Localhost 8584
Done.
yarn add
To add and install the following dependencies
hardhat js
solidity
Run the following tasks in the root directory
npx hardhat accounts
npx hardhat compile
npx hardhat clean
npx hardhat test
npx hardhat node
node scripts/sample-script.js
npx hardhat helpOn running npx hardhat node Greeter, for solidity should be deployed to a public account. Mine looks like this:
0x5FbDB2315678afecb367f032d93F642f64180aa3
Now cd into client-side as this contains our react app. Hit yarn add to install the react app dependencies. Including Tailwindcss.
yarn run start
This should compile all assets and start the react app on a localhost:3000
You will receive a pop-up.
Select and next. It should connect.
Great. Now, our dribble page should have loaded.
Now you can send ETH into your local wallet!
Gerald Maduabuchi. MIT License