AnishDe12020 / twnft

twnft.vercel.app
MIT License
27 stars 9 forks source link

TwNFT

TwNFT is a simple web application that lets you mint your tweets as NFTs.

Live Demo - https://twnft.vercel.app/

OpenSea collection - https://testnets.opensea.io/collection/twnft

Backend Code - https://github.com/AnishDe12020/twnft-backend

Core features:

How to use

To get started, login with Twitter and head over to /mint.

Then, put in the url of the tweet you want to mint in the textbox on the top and click the arrow -

image

You should now see a preview of the NFT -

image

You can connect your wallet by clicking the connect wallet button on the options bar. You will be presented with a modal like this -

image

We currently only support metamask but walletconnect support should be coming soon.

After that, click the button saying "Mint NFT" on the options bar. You will be presented with a modal to put it a name, and optionally a description for the NFT. After you fill them out, click the submit button -

image

You will then get an option to go to the tweet page -

image

The image there might take some time to load. You should see this now -

image

Note that it might say it is still minting the NFT and this can take some time. Check back after 5-10 minutes and you should see a button that would take you to OpenSea -

image

Upon visiting OpenSea, you can do whatever you want with your NFT (including lisitng for sale, selling, transferring etc). You own it and it is a part of the TwNFT collection.

Contributing

This is a NextJS application that uses Tailwind CSS for styling, Firebase for data storage and Twitter authentication and Thirdweb for connecting a ethereum wallet and minting the NFT.

We use yarn as our package manager. To install dependencies, run -

yarn install

To spin up the site in a development environment, run -

yarn dev

Do note that the minting NFT part is taken care by a seperate backend. You can find the repository for it here