TGOlson/pixel

control your pixels

pixel

initial setup

• Install Ganache

$ npm install
$ npm install -g truffle
$ truffle migrate

dev

• npm run dev to run dev server
• truffle compile to compile contracts
• truffle migrate to deploy contracts

Open http://localhost:8080/

web3 todos

• warn if user is not signed in, but web3 is present

todo

• store canvas size in reducer
• move pixel selection to non-interactive canvas
• resize canvas on window resize
• highlight own pixels in color view
• custom right click/long-press?
  • show pixel
  • show owner
  • purchase/edit if owner
• show warning if trying to purchase a pixel already owned by current user
• undo color toolbar button
• display total price
• filter by price
• https://material.io/color/#!/?view.left=0&view.right=0&primary.color=FAFAFA&secondary.color=4A148C
• server?

Note: max gas per block is current ~8m. Buying 10 pixels at once will take roughly 400k gas. This app should probably limit purchases to 10 at a time, or split purchases into groups of 10.

notes

• pixel doc
• https://material-ui-next.com/
• https://material.io/icons/
• ethereum/EIPs#721
• http://truffleframework.com/docs/getting_started/installation
• https://github.com/truffle-box/react-box/blob/master/src/App.js
• https://github.com/trufflesuite/truffle-contract
• https://solidity.readthedocs.io/en/develop/

note: this is a private repo. if this project tanks, remember to convert back to public repo