Your job is to build a simple UX to visualize and manipulate ERC721 Tokens.
This repo contains the references (code + ABI) for two ERC721 tokens deployed on the Rinkeby testnet, which you'll need to use.
- Song for a City ( 0x004a84209a0021b8ff182ffd8bb874c53f65e90e on Rinkeby ) (get the ABI)
- Tout Doucement (0x89150a0325ecc830a2304a44de98551051b4f466 on Rinkeby ) (get the ABI)
To get started using these tokens, I suggest you use the truffle generated ABI and MyCrypto in order to claim/buy a token for each.
- Create a repo to host your work
- Create a React / Vue JS app (2 pts)
- Connect your app to the Rinkeby network through Metamask and display the ChainId, the last block number, and user address (2 pts)
For the next 3 questions, use token 'Song for a city'
- Display the name and the total token number (2 pts)
- Display the information (image, name and description) referenced in the Metadata URI for token 0 (2 pts)
- Create a button to claim a new token for the current user(2 pts)
- Create a view for token "Tout Doucement" and create a button to buy a token (this one needs to be paid for) (2 pts)
- Create a view to display all the tokens the current user has on both ERC721 (2 pts)
- Create an interface to transfer a token (2 pts)
- Create a view to visualize all the token holders for each ERC721 (2 pts)
- Create routing + views to display all the tokens held by any address specified in the URL (2 pts)