Inspiration
We are inspired to create something we can be proud of.
We want to provide users with an application that embodies the decentralized culture.
We want to create a rich social experience that is memorable and meaningful.
We want to keep learning and improving
What it does
TopBlock is a collaborative pixel editor where web3 users can color together a blank canvas whose content is minted as NFTs every 72 hours.
This collective NFT is automatically put up for sale through an auction and the proceeds are donated in full (100%) to a charity or cause voted on by the contributors to said work.
In exchange, contributors receive a free NFT that is part of a fantasy universe described in a book we are writing.
A creative and altruistic social experience, NFT characters, and a fantasy story.
How we built it
We created the smart contract that interacts with a vanilla js page, with the aim of better understanding how user applications interact with the blockchain with the help of the web3 library, automatically creating an NFT based on the collaboration of color pixels on a canvas HTML5, capturing the image of this canvas automatically transforming it into an NFT.
Challenges we ran into
- Capture the canvas and convert it into an image.
- The process of saving the image in IPFS and generating metadata in IPFS to be able to use it in the smart contract.
- Understand and apply the ERC1155 standard by applying a correct structure.
- Carry out the communication between a vanilla js application with the smart contract.
Accomplishments that we're proud of
- Generate the URLs on the fly to be able to store the art, and the metadata.
- Being able to create a collective NFT based on the collaboration of users.
What we learned
We learned that the power of decentralized money can be harnessed to finance and accelerate great changes in the world.
Far beyond speculation and superficial greed, we learned that decentralized culture is here to stay and will inevitably become the way of life for billions of people around the world.
From a technical point of view, we learned a lot about the development of smart contracts, we improved our interface design skills and pixel-based illustration.
What's next for TopBlock
- Launch on the Ethreum Mainnet.
- Expand the app to 4 networks supported by EVM Tron, BSC, Cardano, Moonbeam.
- Develop the NFT characters and scenes for each season in Blender using a low poly technique.
- Write a chapter of the book every 45 days.
- Improve the user experience on the canvas, introducing chat functions, some improvements for pixel art.
- Experiment with a “Platform as a service” business model for prestigious NFT collections and microcommunities. A plug and play service for collections to securely connect their communities
Built With
- buffer
- dom-to-image
- erc1155
- infura
- ipfs
- ipfs-http-client
- javascript
- solidity
- truffle
- web3
Log in or sign up for Devpost to join the conversation.