CovenScryer

Data

In order to get data that was easy to query, I implemented a subgraph to index crypto coven NFT collection including IPFS metadata. This setup allowed me to create filters on the lack of a trait instead of only the existince of specific traits. It also let me keep track of the total number of traits on a specific NFT, which could then be filtered on as well.

Getting the subgraph to properly index the data was tricky. I did not have experience using TypeScript, and getting all the types for the NFT metadata to agree with each other was a bit of a pain.

Frontend

The interface for the site was built using React and tailwindcss. It interacts with the subgraph to view pieces from the collection according to selected filters. My biggest challenge with building the frontend was getting the next set of images to load seamlessly as the user scrolls down the page.

One feature I orginally planned to add but never got around to was the ability to do a full text search on both the name and description. Some day, maybe.