{"id":19961724,"url":"https://github.com/doiim/web3-boilerplate","last_synced_at":"2025-10-06T15:56:13.416Z","repository":{"id":84116509,"uuid":"531611411","full_name":"doiim/web3-boilerplate","owner":"doiim","description":"A boilerplate for Web3 project to be used on Hackatons and start projects from scratch. It uses Vue3, Tailwind and Hardhat.","archived":false,"fork":false,"pushed_at":"2022-09-11T03:09:01.000Z","size":1235,"stargazers_count":0,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-01T16:47:49.535Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Vue","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/doiim.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-09-01T17:02:00.000Z","updated_at":"2022-09-15T18:16:08.000Z","dependencies_parsed_at":"2023-03-12T21:48:09.083Z","dependency_job_id":null,"html_url":"https://github.com/doiim/web3-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/doiim/web3-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doiim%2Fweb3-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doiim%2Fweb3-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doiim%2Fweb3-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doiim%2Fweb3-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/doiim","download_url":"https://codeload.github.com/doiim/web3-boilerplate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doiim%2Fweb3-boilerplate/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278638088,"owners_count":26019943,"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","status":"online","status_checked_at":"2025-10-06T02:00:05.630Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-11-13T02:08:17.628Z","updated_at":"2025-10-06T15:56:13.384Z","avatar_url":"https://github.com/doiim.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web3 Project Boilerplate - doiim\n\n![Web3 Boilerplate Image](https://user-images.githubusercontent.com/13040410/188042648-ac24c32c-1842-4b9b-9715-1713f448625e.png)\n\nA boilerplate for Web3 project to be used on Hackatons and start projects from scratch. It uses Vue3, Tailwind and Hardhat.\n\nThe boilerplate is a simple interface with a connection widget that connects Metamask and a button to increment a vriable on a smart-contract.\n\n## Installation\n\nTo install and compile smart contracts:\n```\nnpm install\nnpx hardhat compile\n```\nThen run a local node in a separated terminal\n```\nnpx hardhat node\n```\nAnd at last, deploy contract to local node and run the server\n```\nnpx hardhat run --network localhost scripts/1-deploy-counter.js\nnpm run dev\n```\n\n## Running the first test\n\nFor this implementation we made a simple integration with Metamask. So, before click Connect Wallet it is important to have it configured with at least one key provided by the hardhat node. Use the [Import Wallet](https://metamask.zendesk.com/hc/en-us/articles/360015489331-How-to-import-an-account) feature of Metamask to load one of the following private-keys:\n\n\u003cspan style=\"color:red\"\u003e 🔴 BE AWARE THAT THESE KEYS ARE PUBLIC. DO NOT USE THEM FOR PERSONAL PURPOSES OR ON PUBLIC NETWORKS. YOU COULD LOSE ALL YOUR FUNDS.\u003c/span\u003e\n```\nAccount #0: 0xf39Fd6e51aad88F6F4ce6aB8827279cffFb92266\nPrivate Key: 0xac0974bec39a17e36ba4a6b4d238ff944bacb478cbed5efcae784d7bf4f2ff80\n\nAccount #1: 0x70997970C51812dc3A010C7d01b50e0d17dc79C8\nPrivate Key: 0x59c6995e998f97a5a0044966f0945389dc9e86dae88c7a8412f4603b6b78690d\n```\n\nOnce finished importing one of the accounts above you can connect them to the app. You will be prompted to switch to Localhost network (In case you aren't already). Just accept it.\n\nIn case you drop the node and start it again, it should be required to [reset the nonce of your account](https://metamask.zendesk.com/hc/en-us/articles/360015488891-How-to-reset-an-account). Do this in case you see the wrong nonce error on your browser console.  \n\n## References\n\n[doiim website](www.doiim.com)\n\n[Vite Docs](https://vitejs.dev/guide/)\n\n[Hardhat Docs](https://hardhat.org/docs)\n\n[Tailwind Docs](https://v2.tailwindcss.com/docs)\n\n[Pinia Docs](https://pinia.vuejs.org/getting-started.html)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdoiim%2Fweb3-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdoiim%2Fweb3-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdoiim%2Fweb3-boilerplate/lists"}