WunderPass NFT

minting page
image generator

The WunderPass NFT is an NFT project on the Polygon Blockchain. The NFT can be used to get perks in the WunderPass ecosystem. It has four properties that, combined, give every NFT a unique touch and determines it's rarity. The "status" property (e.g. diamond, black, pearl) is determined by the number of NFTs already created. The "wonder" and "pattern" properties are based on luck and the "edition" is a city of the creators choosing. The long term vision is to release a physical card containing your digital identity that can be used to authenticate yourself, e.g. Check in at hotels, use public transportation or get access to an event.

Challenges during the Project

Having no experience in NFTs, I had to figure out what we needed and how to implement it:

  • Selecting the Blockchain
  • A requirement was to give away an NFT for every new WunderPass user. This meant, the transaction costs to create a new NFT should be relatively low. We settled on the Polygon Chain.

  • Writing a Smart Contract
  • The last time I wrote a Smart Contract was in 2018. Therefore, I took a short course to refresh my skills.

  • Automating the Image generation process
  • We needed a way to create an image, a GIF, and a video of every NFT based on it's properties right after it was created. I used ImageMagick to layer the right images on top of each other and afterwards generated the GIF and video of the animated NFT with ffmpeg.

Image Generator Tool

Tech Stack

For the "Minting Page"

  • NextJS
  • Tailwind
  • MUI
  • Docker

For the automatic Image Generation

  • Ruby on Rails
  • ImageMagick
  • ffmpeg

For the Smart Contract

  • Solidity
  • Hardhat