/minter-dapp-template

Primary LanguageJavaScriptMIT LicenseMIT

Minting DAPP

Table of Contents

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
  • 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.