{"id":18785763,"url":"https://github.com/uzyn/ethereum-webpack-example-dapp","last_synced_at":"2025-07-14T03:12:57.490Z","repository":{"id":145404513,"uuid":"57431342","full_name":"uzyn/ethereum-webpack-example-dapp","owner":"uzyn","description":"Template for Ethereum (Solidity) smart contract decentralized app (dapp) and test suite with Webpack.","archived":false,"fork":false,"pushed_at":"2019-04-20T13:38:01.000Z","size":133,"stargazers_count":110,"open_issues_count":5,"forks_count":35,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-07-13T22:43:05.779Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/uzyn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2016-04-30T07:13:21.000Z","updated_at":"2025-01-05T12:50:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"28c0e295-bd65-4644-9bc9-d372f6cd75dd","html_url":"https://github.com/uzyn/ethereum-webpack-example-dapp","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/uzyn/ethereum-webpack-example-dapp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uzyn%2Fethereum-webpack-example-dapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uzyn%2Fethereum-webpack-example-dapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uzyn%2Fethereum-webpack-example-dapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uzyn%2Fethereum-webpack-example-dapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uzyn","download_url":"https://codeload.github.com/uzyn/ethereum-webpack-example-dapp/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uzyn%2Fethereum-webpack-example-dapp/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265237388,"owners_count":23732509,"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":[],"created_at":"2024-11-07T20:49:36.408Z","updated_at":"2025-07-14T03:12:57.253Z","avatar_url":"https://github.com/uzyn.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![ethereum plus webpack](ethereum-plus-webpack.png)\n\n# Ethereum Webpack Example Dapp [![Build Status](https://travis-ci.org/uzyn/ethereum-webpack-example-dapp.svg?branch=master)](https://travis-ci.org/uzyn/ethereum-webpack-example-dapp)\n\nExample Ethereum (Solidity) smart contract decentralized app with Webpack, demonstrating the following features and behaviors:\n\n- Simple Ethereum decentralized app (dapp) with:\n  - Smart contract written in Solidity\n  - A simple viewer written in Vanilla JavaScript.\n- Minimal reinvention. Using only tools that are already familiar for front-end JavaScript developers.\n- Smart contract is based on The Coin [from a tutorial on ethereum.org](https://www.ethereum.org/token).\n- Direct importing of Solidity code and instantiation of smart contract via [Webpack](https://webpack.github.io) through [solc-loader](https://github.com/uzyn/solc-loader) and [web3-loader](https://github.com/uzyn/web3-loader).\n  - Interfacing with smart contracts is as simple as `import { MyToken } from './contract/MyToken.sol'`.\n  - See [`index.js`](https://github.com/uzyn/ethereum-webpack-example-dapp/blob/master/index.js) for more details.\n- Be a simple starter kit for creating Ethereum decentralized apps.\n\n\n## How to run\n\n1. Run a local Ethereum node with JSON-RPC listening at port 8545 _(default)_. [testrpc](https://github.com/ethereumjs/testrpc) would be the most straight-forward method.\n\n  ```bash\n  # Using testrpc (recommended)\n  testrpc\n\n  # If you are running Geth, \n  # make sure to run in testnet or private net and enable rpc\n  geth --testnet --rpc\n  ```\n\n1. Install dependencies\n\n  ```bash\n  npm install\n  ```\n\n1. Run, during development\n\n  ```bash\n  npm start\n  ```\n\n  Once webpack build is done, open `index.html` in your favorite web browser.\n\n  Webpack is now started in `--watch` mode, any changes done at JavaScript or Solidity files would automatically rebuild the affected modules.\n\n1. Build, for deployment\n\n  ```bash\n  npm run build\n  ```\n\n  Only the `static` directory is required to be hosted and served.\n\n1. Run tests\n\n  ```bash\n  npm test\n  ```\n\n## Additional notes\n\n1. web3-loader can be further configured, for example to reuse a deployed contract instead of redeploying at every build. See [web3-loader's README](https://github.com/uzyn/web3-loader) for more details.\n\n1. Similarly for [solc-loader](https://github.com/uzyn/solc-loader).\n\n## Comments, bugs \u0026 collaborations\n\nPull requests, bug reports are welcomed.\n\nThis example dapp is put together by [U-Zyn Chua](http://uzyn.com). Say hi to me at Twitter ([@uzyn](http://twitter.com/uzyn)) or Freenode IRC (my handle: uzyn, usually at #ethereum).\n\nTips: `0xFfA57D3e88A24311565C9929F180739E43FBD0aA`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuzyn%2Fethereum-webpack-example-dapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuzyn%2Fethereum-webpack-example-dapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuzyn%2Fethereum-webpack-example-dapp/lists"}