Code NFTs

Langing screen

Inspiration

Tech social media spaces are full of code screenshots. And for a good reason! Images of source code are extremely useful for devs and content creators alike. You can do so much with them from illustrating basic and/or advanced coding concepts and sharing coding tips and tricks to giving detailed examples and even asking concrete code-related questions.

Wouldn’t it be cool if these unique code screenshots can be turned into NFTs at the click of a button?

What it does

This is where the Code NFTs dapp comes in. It allows users to create beautifully styled original NFTs out of their code.

And there is a twist! It’s always nice to have an element of surprise when minting an NFT and Code NFTs are no different. The theme for the code snippet is randomly selected with the help of Chainlink VRF.

How I built it

Smart contract - Solidity, OpenZeppelin, Chainlink VRF
Storage - IPFS (Moralis)
Back-end - Moralis, OpenSea API
Front-end - React, ChakraUI, Moralis React, CodeMirror

Accomplishments that I’m proud of

The project gives developers a creative outlet where they can come up with their own unique ideas and turn them into NFTs! I'm super happy to have built an easy-to-use app that makes this possible.

What I learned

This was my very first solo web3 project! I learned a ton about smart contracts and how to interact with them, randomness on the blockchain, oracles, IPFS, authentication, NFTs and so much more...

What's next for Code NFTs

Code NFTs is a unique platform with endless potential. An easy next step would be to add some social network elements to the app - being able to like and share Code NFTs or follow the creator of NFTs you find interesting. There could be a personalized feed with the coding languages/topics the user is interested in. Instead of linking to OpenSea, the platform could include its own marketplace where users can trade their Code NFTs.