anebytes/That-Socks-NFT

🧦 That Socks NFTs

https://thatsocks-nft.surge.sh/

That Socks Nfts with styles on Goerli network.

Mint some socks and upgrade them to suite your style

🏄‍♂️ Quick Start

Prerequisites

This project is built with scaffold-eth.

Node plus Yarn and Git

Getting Started

Installation

Manual setup

clone/fork 🏗 that socks nft:

git clone https://github.com/yandmch/That-Socks-NFT.git


> install and start your 👷‍ Hardhat chain:

```bash
cd that-socks-nft
yarn install
yarn chain

in a second terminal window, start your 📱 frontend:

cd that-socks-nft
yarn start

in a third terminal window, 🛰 deploy your contract:

cd that-socks-nft
yarn deploy

🌍 You need an RPC key for production deployments/Apps, create an Alchemy account and replace the value of ALCHEMY_KEY = xxx in packages/react-app/src/constants.js

🔏 Edit your smart contracts packages/hardhat/contracts.

📝 Edit your frontend App.jsx in packages/react-app/src

💼 Edit your deployment scripts in packages/hardhat/deploy

📱 Open http://localhost:3000 to see the app

Introduction

Socks are not the most important part of our daily wardrobe, but quite often we simply need these. We had made our research and found out that some people have a hardtime finding the right socks for their everyday looks. It's for such people that we decided to share a small guide, with limited collection of "That Socks" SVG NFTs.

Take a look at ThatSocks.sol at packages/hardhat/contracts. It describes an SVG NFT that is upgradeable by other nfts in their seperate contracts: NFT features are randomly generated at mint and rendered on-chain. It exposes a function:

function renderTokenById(uint256 id) public view returns (string memory)

It returns the relevant SVG that be embedded in other SVG code for rendering.

Automated with Gitpod

To deploy this project to Gitpod, click this button:

📚 Documentation

Documentation, tutorials, challenges, and many more resources, visit: docs.scaffoldeth.io

🔭 Learning Solidity

📕 Read the docs: https://docs.soliditylang.org

📚 Go through each topic from solidity by example editing YourContract.sol in 🏗 scaffold-eth

• Primitive Data Types
• Mappings
• Structs
• Modifiers
• Events
• Inheritance
• Payable
• Fallback

📧 Learn the Solidity globals and units

🛠 Buidl

Check out all the active branches, open issues, and join/fund the 🏰 BuidlGuidl!

• 🚤 Follow the full Ethereum Speed Run

• 🎟 Create your first NFT

• 🥩 Build a staking smart contract

• 🏵 Deploy a token and vendor

• 🎫 Extend the NFT example to make a "buyer mints" marketplace

• 🎲 Learn about commit/reveal

• ✍️ Learn how ecrecover works

• 👩‍👩‍👧‍👧 Build a multi-sig that uses off-chain signatures

• ⏳ Extend the multi-sig to stream ETH

• ⚖️ Learn how a simple DEX works

• 🦍 Ape into learning!

💬 Support Chat

Join the telegram support chat 💬 to ask questions and find others building with 🏗 scaffold-eth!

---

🙏 Please check out our Gitcoin grant too!