NFT Gallery

Problem Statement

NFT Gallery offers a beautiful 3D immersive experience to visualize NFTs owned by an Ethereum address directly from a browser.All you need to do is paste an Ethereum address to visualize some NFTs owned by this account.The scene is rendered programmatically so the room size adapts to the number of NFTs to display.If you like what you see you can share directly on Twitter from NFT Gallery!We are looking to add:Curation: Allowing users to create galleries with a specific set of NFTs they'd choseRedirect: Clicking on an NFT should open a new tab which allows you to bid on it and see more detailsMobile supportIntegration of 3D NFT (3D models) directlyVR support!PS: If you are a 3D designer please reach out ;)

Solution

We are making heavy use of React, React Router, axios and using Three.js & React Three Fiber for 3D display.NFT data comes from the following APIs:RaribleZora via The GraphSuperRareIt's hosted on IPFS via Fleek. You can check out NFT Gallery live on production at https://nft-gallery.on.fleek.co/#/We are looking to add support for more protocols soon!