{"id":27206163,"url":"https://github.com/grayoj/dribble","last_synced_at":"2025-06-16T19:09:12.434Z","repository":{"id":103985841,"uuid":"484470993","full_name":"grayoj/dribble","owner":"grayoj","description":"This is a Blockchain contract app built with solidity, ethersjs, nodejs, and the hardhart library. Connects to metamask as well.","archived":false,"fork":false,"pushed_at":"2022-04-25T18:28:05.000Z","size":1611,"stargazers_count":9,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-09T23:10:31.381Z","etag":null,"topics":["blockchain","ethereum-contract","etherjs","solidity"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/grayoj.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-04-22T14:50:16.000Z","updated_at":"2022-06-17T13:24:12.000Z","dependencies_parsed_at":"2023-04-09T04:17:13.076Z","dependency_job_id":null,"html_url":"https://github.com/grayoj/dribble","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/grayoj/dribble","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grayoj%2Fdribble","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grayoj%2Fdribble/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grayoj%2Fdribble/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grayoj%2Fdribble/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/grayoj","download_url":"https://codeload.github.com/grayoj/dribble/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grayoj%2Fdribble/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260221556,"owners_count":22976867,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blockchain","ethereum-contract","etherjs","solidity"],"created_at":"2025-04-09T23:10:18.598Z","updated_at":"2025-06-16T19:09:12.420Z","avatar_url":"https://github.com/grayoj.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dribble - Hardtjs, Etherjs, Metamask Project\n---\n\n\u003cimg src=\"client-side/public/dribble-logo.png\"\u003e\n\n## About\n\nDribble 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.\n\n## Requirements\n\n1. Hardhat Js\n2. Metamask\n3. Ethers js\n4. Node Js\n5. Yarn (I used Yarn, not NPM this time.)\n6. Solidity\n7. Tailwind CSS\n8. React JS1\n\n## Installation\n\nFirst, clone this repository\n\n\nEnsure you have a nodejs server running on your machine.\n\n\nGet Metamask. Download the Chrome Extension\n\n\u003cimg src=\"img/download-metamask.png\"\u003e\n\nOnce it's done, proceed to the next step.\n\n\u003cimg src=\"img/welcome-metamask.png\"\u003e\n\nProceed, then add a network. Localhost 8584\n\n\u003cimg src=\"img/add-network.png\"\u003e\n\n\nDone.\n\u003cimg src=\"img/metamask-page.png\"\u003e\n\n\n``yarn add``\n\nTo add and install the following dependencies\n\n```\nhardhat js\nsolidity\n    \n```\nRun the following tasks in the root directory\n\n\n```shell\nnpx hardhat accounts\nnpx hardhat compile\nnpx hardhat clean\nnpx hardhat test\nnpx hardhat node\nnode scripts/sample-script.js\nnpx hardhat help\n```\nOn running ``npx hardhat node`` Greeter, for solidity should be deployed to a public account. Mine looks like this:\n``0x5FbDB2315678afecb367f032d93F642f64180aa3``\n                     \nNow ``cd`` into`` client-side`` as this contains our react app. Hit ``yarn add`` to install the react app dependencies. Including Tailwindcss.\n\n``yarn run start``\n\nThis should compile all assets and start the react app on a localhost:3000\n\nYou will receive a pop-up.\n\n\u003cimg src=\"img/connect-metamask.png\"\u003e\n\nSelect and next. It should connect.\n\n\u003cimg src=\"img/connected.png\"\u003e\n\nGreat. Now, our dribble page should have loaded.\n\n\u003cimg src=\"img/dribble-page.png\"\u003e\n\nNow you can send ETH into your local wallet!\n\n\u003cimg src=\"img/send.png\"\u003e\n\n----\n\nGerald Maduabuchi. MIT License","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrayoj%2Fdribble","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgrayoj%2Fdribble","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrayoj%2Fdribble/lists"}