CollectNFT Introduction

CollectNFT contract is a simple example to be deployed at our platform. This project becomes one item to our platform and does not need to program ERC721 code. It just focus on how to design wonderful actions. Our platform help create NFT core code for each one item who is deployed at this platform.

This example just like a card-collecting game. If a user collected all the NFTs successfully, he will get a medal of honor. Furtherly, the reward can be used in another projects.

note: Before we interact with this contract, we need some pre-steps. See code to learn how to complete them firstly.

1. Before the project joined NC, it need to be approved by NFTChallegeCore. Then it can work normally and mint NFTs.
2. CollectNFT needs to add some Items what it wants user to collect.

Installing Prerequisites

This repo assumes that you have Node.js 12+ and Yarn. Please refer to the Yarn installation how-to if you don't yet have the yarn command installed locally.

To install the prerequisite packages, clone the repository and then run yarn:

Install Truffle

npm install -g truffle 

Install dependencies

git clone https://github.com/mircial/CollectNFT.git

cd CollectNFT

yarn

Connecting Truffle to Aurora

Export your MNEMONIC as follows:

export MNEMONIC='YOUR MNEMONIC HERE'

Now in truffle-config.js, you will need to change the from address as shown

below in the aurora network section:

aurora: {

  provider: () => setupWallet('https://testnet.aurora.dev'),

  network_id: 0x4e454153,

  gas: 10000000,

  from: '0x256807C23d5085ad22CC124c00852eE60989fC3E' // CHANGE THIS ADDRESS

},

The truffle-config.js configuration will pick up your MNEMONIC environment variable and recover the address that will be used for sending and signing transactions on the Aurora network.

Deploying Contracts

To deploy the CollectNFT contract, you can run the yarn command as follows:

yarn deploy:aurora

....
1_initial_migration.js
=====================

   Deploying 'Migrations'
   -----------------------------

   > transaction hash:    0x282012c791d65d0ce2fd1fd9fcc41179dba5bd06c3b02e31e53dbe9cc8af62c1

   > Blocks: 7            Seconds: 

   > contract address:    0x3635D999d8CdA2fAf304b390fb26a9c2f364dFbd

   > block number:        59151611

   > block timestamp:     1622034185

   > account:             0x256807C23d5085ad22CC124c00852eE60989fC3E

   > balance:             0

   > gas used:            2576274 (0x274f92)

   > gas price:           20 gwei

   > value sent:          0 ETH

    
    
2_deploy_contracts.js
=====================

   Deploying 'CollectNFT'
   -----------------------------
   ...
....

Interface for CollectNFT example

The front-end doesn't use a build system (webpack, grunt, etc.) to be as easy as possible to get started.

Open another ternminal and Run the liteserver development server (outside the development console) for front-end hot reloading. Smart contract changes must be manually recompiled and migrated. It serves the front-end on http://localhost:3000

yarn dev

note: By far, we just finished a simply version to show how the CollectNFT example run. For tokenId, we default use the first if the use has more than one.

Summary

Above all, CollectNFT is a challenging project for both developers and customers. Anyone can enjoy it and get some unusual awards. Our slides will show more details.