Simple voting dapp 🚀

This is a simple Voting DApp where a user can create a proposal with a voting window. After the voting window, voting is closed and a winner (or draw) is displayed.

This project doesn't really have a purposa, I created this to start learning about web3 and get some real-ish world experience.

Things covered:

• 📄 Solidity basics (restrictions around values/mappings, modifiers, return types, etc)
• 🌐 Web3 basics (communicating with a deployed contract, working with returned data, etc)
• 🛳️ Deployment basics (Working with Hardhat, deploying to Infura, etc)
• 🕵️ Testing basics (Still WIP)

TODO

• List proposals
• Vote on proposals
• Update tests
• [~] Implement Styled components
• Move contract creation to a hook
• Deploy to Test Net
• Figure out a better way for local vs test net deployments

Dev

• Execute yarn run serve to run a local network and output test accounts
• Choose the localhost network in Metamask and import one of the private seeds from the test accounts
• Execute yarn run deploy to deploy our smart contract to the test network
• Update REACT_APP_CONTRACT_ADDRESS with the deployed contract address (this will only changes on every deploy)
• Execute yarn start to start the local dev server

Deploy to the Ropsten Test net

• Create a new project in Infura.
• Update INFURA_PROJECT_KEY and REACT_APP_INFURA_PROJECT_KEY with your project ID.
• Update DEPLOY_PRIVATE_KEY with the account you want to use to deploy
• Execute npx hardhat run scripts/deploy.js --network ropsten to deploy to Ropsen
• Remember to update your contract address with the new deployed address

Stack

• CRA to scaffold the React app
• SWR for data fetching
• Hardhat for Eth env/testing
• Antd for components
• Infura testnet

Troubleshoot

• After new deployments you might get an error about the Nonce being too high.
  • To fix this, reset the test account in Metamask to reset the Nonce back to 0