Mint / Burn Page
This page is the user’s gateway to the Colored Key NFT system. Here you can:
- Mint a new NFT to gain access to the token-gated messaging feature.
- Burn an existing, “used” NFT key (once a message has been recorded) so you can mint again and re-enter the gate.
Everything on this page reacts in real-time to your wallet and NFT state. You’ll always see exactly which token you hold, what actions are available, and smoothly animated transitions as you connect, mint, use, and burn.
File Paths
- MintPageWrapper.tsx
- MintPageWrapper.module.css
- Music.tsx
- metadata.ts
- page.module.css
- page.tsx
Components of Note
Component | Location | Role in Page |
---|---|---|
MintPageWrapper | app/mint/components/MintPageWrapper.tsx | Top-level orchestrator: wires wallet state, event listeners, and global NFT store together. |
TokenStatus | app/mint/components/TokenStatus/TokenStatus.tsx | Dynamic status text (“Not signed in,” “You have an unused key!”, etc.) with smooth fades. |
NFTScreen | app/mint/components/NFTScreen/NFTScreen.tsx | Live preview of your NFT (colors, token ID) rendered as a hard-coded SVG for instant display. |
ButtonSection | app/mint/components/ButtonSection/ButtonSection.tsx | Context-aware action buttons (Connect, Mint, Open Gate, Burn) that adapt to your current state. |
ProcessingModal | app/mint/components/ProcessingModal/ProcessingModal.tsx | Transaction feedback modal with mobile wallet deep-linking and block explorer integration. |
Smart Contract Integration
Overview of the blockchain interaction layer that powers real-time NFT state synchronization, wagmi hooks integration, and TanStack Query caching for the mint/burn functionality.
Smart Contract Data SystemMusic
The page features Rito Rhymes’ track “Blockchain 4 a Gangsta” (a parody remix of Master P’s Heaven 4 a Gangsta). The song satirically traces blockchain’s evolution from an old-school hacker underworld tool to a modern mechanism for trivial use cases like NFT minting, even shouting out William Entriken, the lead author of ERC-721.