Front-end for viewing/interacting with NFTs

[whoabuddy]

A basic website should provide:

• the ability to generate an NFT based on a Bitcoin address
• the ability to mint an NFT using the protocol
  • this needs very clear state management at each step
• provide list of runners and associated fees (like Magic does for suppliers)

[whoabuddy]

Today we had a meeting for the front-end work, including a review of some basic wire frames and user flows. Link to Miro board

We decided on using Next.js as it would provide a way to have both the app and data indexing within one project, and provide a familiar interface (React) for other contributors.

Notes from the meeting:

• want to make sure refunds / error flows are as simple and friendly as possible (magic bridge recovery example)
• landing page will display the collection and an FAQ covering main points of project
• a permalink for each NFT will display status information and provide an option to mint
• no concept of signing in, data should be persisted locally

[whoabuddy]

From the most recent design, there are two main elements to the UX:

1. home page that allows generating private keys / showing associated NFT (examples: coinb.in / bip39 tool)
2. page per NFT that shows image, status, and mint / claim options, including Xverse wallet support

[whoabuddy]

Closing this out in favor of #40