https://github.com/grayoj/dribble

This is a Blockchain contract app built with solidity, ethersjs, nodejs, and the hardhart library. Connects to metamask as well.
https://github.com/grayoj/dribble

blockchain ethereum-contract etherjs solidity

Last synced: 12 months ago
JSON representation

This is a Blockchain contract app built with solidity, ethersjs, nodejs, and the hardhart library. Connects to metamask as well.

Host: GitHub
URL: https://github.com/grayoj/dribble
Owner: grayoj
Created: 2022-04-22T14:50:16.000Z (about 4 years ago)
Default Branch: master
Last Pushed: 2022-04-25T18:28:05.000Z (about 4 years ago)
Last Synced: 2025-04-09T23:10:31.381Z (about 1 year ago)
Topics: blockchain, ethereum-contract, etherjs, solidity
Language: JavaScript
Homepage:
Size: 1.54 MB
Stars: 9
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Dribble - Hardtjs, Etherjs, Metamask Project
---

## About

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.

## Requirements

1. Hardhat Js
2. Metamask
3. Ethers js
4. Node Js
5. Yarn (I used Yarn, not NPM this time.)
6. Solidity
7. Tailwind CSS
8. React JS1

## Installation

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

```shell
npx hardhat accounts
npx hardhat compile
npx hardhat clean
npx hardhat test
npx hardhat node
node scripts/sample-script.js
npx hardhat help
```
On 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.