Minting DAPP

Table of Contents

• RESOURCES
• INSTALLATION
  • BACKEND
  • BACKEND COMMANDS
  • FRONTEND

RESOURCES

Main Video

🌟 EASY Minting dApp | Whitelisting | Entire Process!! Create an Entire NFT Collection (10,000+)

Update Video adding Ethereum support!

🚀 How To Deploy a Smart Contract to Ethereum!! (Updated Minting dApp)

Base art generator code is from hashlips_art_engine

Contract uses NFTPort

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

INSTALLATION

Backend

• Clone this repo or download the latest release zip file.
• Unzip, if needed, and open the folder in VS Code.
• From the terminal run:

 cd backend
 npm install

• Copy your image layers into the /backend/layers folder.
• Use the /backend/src/config.js file to set up your layers and NFT information.

Backend Commands

Generate:

$ npm run generate

• Generates unique images based on the layers in the /backend/layers folder.
• WARNING: This command deletes the /backend/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 /backend/src/config.js file.

Upload Files/Images:

$ npm run upload_files

• Uploads all files in the /backend/build/images folder.

Upload Metadata:

$ npm run upload_metadata

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

Deploy Contract:

$ npm run deploy_contract

• Deploys a contract to the blockchain using the settings from the /backend/src/config.js file.

Get Contract:

$ npm run get_contract

• Gets the deployed contract details including the contracts ABI using the transactions hash from the Deploy Contract command.

Update Contract:

$ npm run update_public_mint_start_date
$ npm run update_presale_mint_start_date
$ npm run update_presale_whitelisted_addresses
$ npm run update_presale_whitelisted_addresses_remove
$ npm run update_royalty_share
$ npm run update_royalty_address
$ npm run update_base_uri
$ npm run update_prereveal_token_uri

update price presale dan public sale di app.js dan index nya untuk max sale

edit dibagian row

• Updates specific fields of the contract using the settings from the /backend/src/config.js file.
• Available fields to update:
  • prereveal_token_uri - This will update the pre-reveal token uri for all NFTs. (Hidden image)
  • base_uri - This will update the base uri for all NFTs and reveal all.
  • public_mint_start_date - Eg: 2022-02-08T11:30:48+00:00
  • presale_mint_start_date - Eg: 2022-02-08T11:30:48+00:00
  • presale_whitelisted_addresses - Adds address(es) to the whitelist
  • presale_whitelisted_addresses_remove - Removes address(es) from the whitelist
  • royalties_share - Updates the royalty share
  • royalties_address - Updates the royalty wallet address

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.

Frontend

• Update the frontend/js/abi.js file with the ABI from backend/build/contract/_contract_abi.json.
• Update your information in the frontend/js/constants.js file.
• Deploy your dApp to Netlify. (Reference the video for full instructions.)

Reference the main video and update video for more details.