project screenshot 1
project screenshot 2
project screenshot 3

Road2Web3-pfp

A dApp to generate a mintable profile picture (PFP) using a selection of images layered on top of a stick figure

Road2Web3-pfp

Created At

Road to Web3

Winner of

trophy

🏊 Polygon Pool Prize

Project Description

The project is a dApp that generates a mintable profile picture (PFP) where the user can mix and match additional features such as a hairstyle or clothing items on top of a stick figure avatar from a gallery of SVG images to create a unique profile picture. We intend to add additional functionality where the user can add randomly generated features via Chainlink VRF.

How it's Made

Our app uses SVG code of a base stick figure, accessories and hairstyles that the user chooses to assemble as .svg files stored in a React front-end. In the minting process, the SVG code is added to a metadata .json file which is sent to a Solidity contract that mints the NFT on to the Polygon Mumbai chain. After several confirmations, the NFT image is rendered and can be viewed on https://testnets.opensea.io/. Hardhat is used for contract compilation, deployment and contract verification. Our other team member, Rafael Cordero, was our React front-end master who is not listed as a team member on our team page.

background image mobile

Join the mailing list

Get the latest news and updates