Vuejs front end implementation for the advanced lottery smart contract, written with good practices from scratch. This frontend is reactive and uses web3.js and requires Metamask installed in browser.
- Dashboard with the list of public lotteries created by community
- Lottery management dashboard
- Create any number of lotteries by anyone
- Lotteries can only be activated by the creator of the lottery
- Lottery can be deleted by the creator of the lottery
- Anyone can participate into lottery by spending eth limit set by the creator
- Maximum entries is also set by the creator of the lottery
- List of participants in the lottery is displayed in the lottery management dashboard
- Winner is chosen by random inside the contract, triggered by lottery creator.
- Total ether collected is paid to the winner automatically upon winner selection.
- Build lottery contract as described here
- Copy output files into /src/contract
- Deploy contract as described here
- Copy contract address and paste it into /src/config.js
lotteryFactoryAddress: "DEPLOYED_CONTRACT_ADDRESS_HERE"
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report