Twitter Headers Creator

Inspiration

Last week I bought some Solana NFTs. Changed my profile picture, but didn't know what to put on the header. After doing a research, didn't found any header from the projects I bought the NFTs. Then a figured out that this huge space on the Twitter header was unexploited by most of Solana communities. So, I decided to build a easy-to-use tool for the whole Solana community.

What it does

It generate a header image for Twitter based on NFTs you want. All you need is write the IDs of your NFTs and choose the collection. Then you can add some extra elements like monkeys and skeleton. Easy. All running client side.

How we built it

Initially, I thought that this would be easy, but then figured out it's not. I needed to pull all data from blockchain to create the database of IDs (names) of images. Then pull metadata from arweave. Also found a lot of fake NFTs that I needed to clean from DB. After that deployed an API to do reverse search (Collection + ID to find the corresponding Token Public Key).

For frontend I built a easy to use website with some header templates and add-ons. Linked with the API and a CDN (to host NFT thumbs). The major bottleneck here was designing the UI and dealing with CORS authorization when showing images, that's why I had to setup a CDN.

Challenges we ran into

I learnt how to identify fake NFTs. Cleaning Missed/wrong metadata.

Accomplishments that we're proud of

Create a useful tool for the Solana NFT community. I received some interesting feedback and I already have a list of interesting features for the next version. Some of them are: Sync the header with a wallet, so when any new NFT arrives, it will automatically update the header. Link with Bonfida Name service to create a vanity URL and show a custom gallery, etc.

What we learned

Solana tech is awesome. The community is growing faster.

What's next for Twitter Headers Creator

We launched a beta version, built in 10 days, from zero. The next step is to allow anyone put their wallet address, pull nfts, and create a Header with their nfts. Also, allow NFT projects build custom templates for their projects.