Prompt: The goal of this week is to make something using one or more CSS and/or JS libraries or frameworks.
Choose from the list above or locate something else and explore it. My suggestion for exploring something visual / dynamic / interactive is to start with P5.js. If you want to dig deeper into making something more practical as a website experience with common UI elements then look into jQuery and jQueryUI and Bootstrap to start. If you are feeling like you want to delve into the world of Node.js, Three.js, or AFrame, check out the resources on the left sidebar.
In preparation for my final project, I wanted to explore smart contracts and DAPPs. The general gist of this project was to create an Election application that functioned on the blockchain. It would first check if you had an account, then if it had ether in it… If so, you would be able to cast a vote for one of two candidates, and then prevent you from double voting. I primarily worked off of this tutorial but wrote out (based on the example) most of the contract, js, and html instead of just copy and pasting.
Things I learned/what I built:
- Setup local blockchain for development, using Ganache.
- Used Truffle to create a basic app package and contract setup
- Build first smart contract using Solidity (Ethereum language)
- Created DAPP interface using web3 library and MetaMask
- Built testing suite, and ran tests using Truffle console
- Ran DAPP locally using lite-server
Unfortunately, this code is fairly dated, and due to breaking changes on a number of different libraries, im unable to actually make the voting mechanism work, and the debugging is beyond my level. After seeing how this code was written, I get the sense that build this in React would be much easier, and make keeping track of action withs states/props makes so much sense.
