• Stars
    star
    2,209
  • Rank 20,887 (Top 0.5 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 3 years ago
  • Updated 7 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Create An ENTIRE NFT Collection (10,000+) & MINT

Table of Contents

RESOURCES

Original Video:

πŸ‘΄ How To Create An ENTIRE NFT Collection (10,000+) & MINT In Under 1 Hour Without Coding Knowledge

(WATCH THIS ONE!) Updated video for v2.0.0 release:

🌟 How To Create An ENTIRE NFT Collection (10,000+) & MINT with ZERO Coding Knowledge v2.0

How to automate listing for sale on OpenSea:

πŸ’° How To List & Reveal An ENTIRE NFT Collection (10,000+) Without Coding Knowledge on OpenSea

Original video code: v0.1.0-alpha

Base code is from hashlips_art_engine

Minting uses NFTPort

Join the Discord server for more help from the community: codeSTACKr Discord

The macro script from the "listing for sale" video: macro1.mmmacro

UPDATE: Added rarity calculator. See this video for the walkthrough.

COMMANDS

Generate:

$ npm run generate
  • Generates unique images based on the layers in the layers folder.
  • WARNING: This command deletes the build folder if it exists!

Rarity (Hashlips):

$ npm run rarity
  • Calculates the rarity of NFT properties based on layer files.

Rarity (codeSTACKr):

$ npm run rarity_md
  • Calculates the rarity of NFT properties based on metadata.

Rarity Rank (codeSTACKr):

$ npm run rarity_rank
  • Provides ranking details through a user interface after calculating using the codeSTACKr Rarity command.

Update Info:

$ npm run update_info
  • Allows you to update namePrefix, description, and/or baseUri for metadata after it was already generated.

Create Generic Metadata:

$ npm run create_generic
  • Creates generic metadata using the settings from the src/config.js file.

Upload Files/Images:

$ npm run upload_files
  • Uploads all files in the build/images folder.

Upload Metadata:

$ npm run upload_metadata
  • Uploads all .json files in both the build/json folder and, if it exists, the build/genericJson folder as well.

Deploy Contract:

$ npm run deploy_contract
  • Deploys a contract to the blockchain using the settings from the src/config.js file.

Get Contract:

$ npm run get_contract
  • Gets the deployed contract details using the transactions hash from the Deploy Contract command.

Mint:

$ npm run mint
  • Running this command with no flags will mint all NFTs
  • --start=1
    • The start flag indicates the edition number to start minting from.
  • --end=100
    • The end flag indicates the edition number to stop at.
  • To start at a number and continue minting all, do not include the end flag.
  • Make both flags the same number to only mint a single NFT.
  • NOTE: The start and end numbers are inclusive.

Reveal:

$ npm run reveal
  • Checks the contract owners wallet to see which NFTs have sold and reveals all sold NFTs.
  • Including the --start=1 and/or --end=100 flags will reveal only the specified edition or range of editions.
  • Make both flags the same number to only reveal a single NFT.

Check Transactions:

$ npm run check_txns --dir=minted
  • Verifies the success of mint or reveal transactions.
  • The --dir flag is required. Accepted values are minted or revealed.

Refresh OpenSea:

$ npm run refresh_os --start=1 --end=100
  • Refreshes the listing for the specified editions on OpenSea.
  • Both the --start and --end flags are required.

UPDATES & FIXES

npm not recognized

You have not installed node.js properly (* and or if you're using a M1 on macs you'll need to downgrade your current version of node.js to v14 for it to work*). Be sure to follow the installation instructions from their download page for your specific operating system. And restart your computer after installation.

For Mac M1 users, see this issue for more details: Hashlips Art Engine - Issue 812

Images not lining up

Be sure that every layer is the same size. If you want the resulting image to be 512x512, then each layer needs to be 512x512. This will ensure that everything lines up properly.

Only the last image shows up

This is because you are not using .png images. .jpg or any other type will not work. .png has transparency which means there is no background and things behind it will show through.

ES Module Error [ERR_REQUIRE_ESM]

If you are following along with the tutorial you will run into this issue unfortunately.

When the tutorial was created, node-fetch was at version 2. It was recently updated to version 3 and no longer supports the require syntax.

Fortunately, it's an easy fix. Just type these commands into the terminal:

  • npm uninstall node-fetch
  • npm install node-fetch@2

Any sort of "path" error

Ensure that your layer names in the config.js file match exactly to your layer folder names. Also, remove any - (hyphens) from your file names.

"Quota Limit Reached" or "Too many requests" errors

There have been some changes made to the code from the original video resulting from some errors when uploading files, metadata, and minting using NFTPort. Depending on your plan, Free vs Community, there are rate limits.

To fix these issues, I've updated the code to include a timeout that will allow the files to be uploaded at a slower rate, instead of all at once, eliminating these errors.

If you've reached your quota limit, contact NFTPort to upgrade your plan to get more.

To use this code:

  • Clone this repo or download the latest release zip file.
  • Unzip, if needed, and open the folder in VS Code.
  • From the terminal type:
    • npm install
  • Copy your image layers into the layers folder.
  • Use the src/config.js file to set up your layers and NFT information.

Reference the video for more details.

More Repositories

1

minter-dapp

JavaScript
2,043
star
2

codeSTACKr

1,211
star
3

free-developer-resources

Free Developer Resources
866
star
4

portfolio-sass

A modern portfolio using Sass.
SCSS
185
star
5

nft-landing-page

JavaScript
165
star
6

hamburger-animation

From my YouTube video: https://youtu.be/dIyVTjJAkLw
CSS
91
star
7

nft-rarity-calculator

JavaScript
72
star
8

shadcn-nextjs

47
star
9

Face-Detection

From YouTube Tutorial
JavaScript
45
star
10

hangman-react

JavaScript
40
star
11

react-tic-tac-toe-hooks

React Tic Tac Toe Game using Functional Components and Hooks
JavaScript
35
star
12

codestackr-vscode-theme

34
star
13

markdown-crash-course

27
star
14

react-auth0

JavaScript
27
star
15

mega-menu

HTML
21
star
16

login-form

Tutorial from my YouTube Channel.
CSS
20
star
17

gsap-typing-animation

JavaScript
19
star
18

css-grid-tutorial

Tutorial from my YouTube channel. https://youtu.be/0-DY8J_skZ0
CSS
18
star
19

build-responsive-website

CSS
18
star
20

glassmorphism-credit-card

CSS
12
star
21

goal-manager-react

JavaScript
11
star
22

js-fetch

Fetch Tutorial from my YouTube channel - youtube.com/codestackr
JavaScript
11
star
23

Motion-UI

HTML
10
star
24

rock-paper-scissors-video

CSS
9
star
25

vscode-remote-containers

JavaScript
8
star
26

gentree-generator

JavaScript
7
star
27

responsive-navbar

Responsive navbar tutorial from my YouTube channel. https://youtu.be/mEtmJ2xk16g
CSS
7
star
28

ducktube-clone

Testing out Codux!!
TypeScript
7
star
29

css-crash-course

CSS
6
star
30

html-beginners-2019

HTML
6
star
31

social-icons

CSS
4
star
32

superhero-extensions

4
star
33

codux-antd

TypeScript
3
star
34

prestoapi-demo

JavaScript
3
star
35

discord-slash-demo

TypeScript
3
star
36

sanity-gatsby-blog

Blog with Gatsby
JavaScript
3
star
37

sanity-kitchen-sink

Kitchen Sink
JavaScript
3
star
38

codestackr-com

JavaScript
2
star
39

No-JavaScript-Platform-Game

No JavaScript Platform Game
CSS
2
star
40

vercel-integration

JavaScript
2
star
41

Product-Card

Responsive Product Card Tutorial on YouTube
CSS
2
star
42

react-template

JavaScript
2
star
43

coducks

TypeScript
2
star
44

netlify-mongodb-nextjs-ai-chatbot

TypeScript
2
star
45

vite-react

TypeScript
1
star
46

git-tutorial

Git beginners tutorial
HTML
1
star
47

teamseas

HTML
1
star
48

mongodb-nextjs-todo

JavaScript
1
star
49

RapidAPI_Demo

JavaScript
1
star
50

codux-bootstrap-demo

TypeScript
1
star