CodeDiamonds

Screenshots

Problem Statement

We have NFT marketplaces for all different types of media: image, animation, video, audio, etc. But there are a lot of artists who use code to generate artwork (processing, three.js, css art, etc.). Currently, for computer-generated art, artists convert them to images or videos and upload them to the marketplaces. This limits the NFTs to be non-interactive and static. What if the code itself is uploaded in NFT instead of media files and marketplaces renders them.CodeDiamonds is an NFT marketplace for all the artwork that is generated via code. It supports all code that can be rendered by the browsers. You can also create NFTs for clever code snippets of any language.Features:Create and mint NFT in the browser code editor.Choose whether the code NFT has to be rendered or display as a snippetExplore all the NFTs created by usersView all your created NFTsFuture Work: Well, there are so manyAdd option to list, create auction, buy and sell (due to time constraints these are not yet implemented)Have a separate page for each NFT with metadata view and different options to buyAdd support for NFT collectionsAdd search and filter options in Explore pageSupport multiple walletsSupport different networks (only Mumbai testnet is supported as of now)Make all pages responsive and convert them to PWA

Solution

Following technologies are used to build CodeDiamond:ThirdWebnft.storageInfuraNext.jsGeist UIUsed ThirdWeb to create NFT marketplaces and mint NFTs with the help of their SDK. ThirdWeb Core UI is used to connect to Metamask Wallet.nft.storage is used to store all NFT data into IPFS/Filecoin. nft.storage will let anyone upload data to decentralized storage (IPFS) which guarantees the NFT data is not mutable and is stored indefinitely. nft.storage API has simplified storing and retrieving data to IPFS clusters.Next.js and Geist UI are used in building the UI components.