Thread by @AndyHartnett12

I was curious about #NFTs , #DeFi , and Smart Contracts.

I dove in head first. I learned Solidity and Web3 by creating this project.

Here's step by step how I went from zero smart contract knowledge, to minting an ERC751 NFT.

#buildinpublic

I read two main articles that got me started with learning huge shout out to @nateliason & @dabit3
nateliason.com/blog/learn-sol…
dev.to/dabit3/the-com…

Then cryptozombies.io taught me Solidity. I just went through their tutorial and by the end I felt I had a pretty decent grasp on how to write these things. I just needed practice.

Introducing SwagPanda.
I'm not an artist by trade or talent, but I made this shirt two years back. My fiancé hates it, but I absolutely love it.

Also #swagpanda should be a hashtag.

Inspired by the animated SVGs of @LuchadoresNFT I followed suit. I used Figma to create this dude, and I exported the image as an Svg.

Using Javascript I randomly generated 100 of these in varying colors, and with slightly different animations.

Then I followed @opensea 's tutorial on Minting an ERC-721 NFT: docs.opensea.io/docs/getting-s…

The mental model that took the longest here was just that the token contained TokenURI. Which points to a metadata json file. That json file contained the url of the image:

Once I had the contract written, I needed a landing page to allow users to Mint. Everyone seems to be building these landing pages in React, but I'm a Vue fanboy so I went with @nuxt_js

So I created swagpanda.xyz

This project helped me learn, and I want it to continue to help others learn. So the entire thing is open source for anyone to use and learn from:

github.com/andrewhartnett…

It is a boilerplate with everything you need to deploy an NFT with a Nuxt landing page.

I hope this thread and the code can help others learn along their own crypto journey.

If you get any value from this project, consider minting a #swagpanda on swagpanda.xyz

Proceeds will go towards funding future projects, tutorials, and dev tooling. 🤠