Unlocking the Infinite: Where NFTs Shine and Tokens Reflect, Dive into a Crypto Ecosystem Unlike Any Other!

• 🤝 Need help for deployment?
• 🕵️‍♂️ Are you looking for the smart contracts?
• 🖼️ Preview
• 📜 Features
• How to get started
  • ⌨️ Run npm install
  • ⚙️ Configure .env file
    • GLOBAL/PRODUCTION
      • NEXT_PUBLIC_ENVIRONMENT
      • NEXT_PUBLIC_TOKEN_CONTRACT_ADDRESS
      • NEXT_PUBLIC_NFT_CONTRACT_ADDRESS
      • NEXT_PUBLIC_STABLE_COIN_CONTRACT_ADDRESS
      • NEXT_PUBLIC_CHAIN_ID
      • NEXT_PUBLIC_ALCHEMY_API_KEY
      • NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID
    • TESTNET
      • NEXT_PUBLIC_TESTNET_CHAIN_ID
      • NEXT_PUBLIC_TESTNET_TOKEN_CONTRACT_ADDRESS
      • NEXT_PUBLIC_TESTNET_STABLE_COIN_CONTRACT_ADDRESS
      • NEXT_PUBLIC_TESTNET_NFT_CONTRACT_ADDRESS
      • NEXT_PUBLIC_TEST_MODE_SECRET
  • ▶️ Start the dapp
  • 🚧 Create a static build

🤝 Need help for deployment?

If you need for deployment and use of this dapp and related smart contract, you can find my contacts on my GitHub profile page. If you contact me on Telegram, write as first message that you have found my contact on GitHub or you will be automatically blocked.

Pay attention: if questions are simple are free of charge, a complete project follow up will require consultancy fees.

🕵️‍♂️ Are you looking for the smart contracts?

Checkout this other repository!

🖼️ Preview

📜 Features

• Built with NextJS + Rainbow Kit
• Display connected wallet token held
• Allow customer to buy premium NFT to partecipate to premium reflections distribution (for further details please refer to the other repository)
• ❗Coming soon:
  • Allow user to see claimable premium rewards
  • Allow user to see total rewards gained so far
  • Allow user to claim premium rewards

How to get started

⌨️ Run npm install

Once downloaded this repository, make sure to have NodeJS installed on your computer and run npm install in terminal

⚙️ Configure .env file

.env file contains the following configurable parameters:

GLOBAL/PRODUCTION

NEXT_PUBLIC_ENVIRONMENT

Choose between development (console logs enabled) and production (console logs disabled)

NEXT_PUBLIC_TOKEN_CONTRACT_ADDRESS

Set mainnet deployed token contract address

NEXT_PUBLIC_TOKEN_CONTRACT_ADDRESS="0xD263A25Ad51D836cD1a9bcc0383998c5235b541D"

NEXT_PUBLIC_NFT_CONTRACT_ADDRESS

Set mainnet deployed nft contract address

NEXT_PUBLIC_NFT_CONTRACT_ADDRESS="0x1D0D1f698B06E3B0124E142f6094b714B8A4E0e6"

NEXT_PUBLIC_STABLE_COIN_CONTRACT_ADDRESS

Set stable coin used to allow customer to purchase NFT on mainnet

NEXT_PUBLIC_STABLE_COIN_CONTRACT_ADDRESS="0x55d398326f99059fF775485246999027B3197955"

NEXT_PUBLIC_CHAIN_ID

Set mainnet chain id. To see chain id refer to ChainList

NEXT_PUBLIC_CHAIN_ID="56"

NEXT_PUBLIC_ALCHEMY_API_KEY

Useful only in case of deploy on a network that needs Alchemy to work with (e.g. Ethereum) For further details please refer to Alchemy API documentation

NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID

Wallet Connect project id, useful to enable TrustWallet Mobile and WalletConnect mobile. Please refer to Wallet Connect documentation

TESTNET

NEXT_PUBLIC_TESTNET_CHAIN_ID

Refer to NEXT_PUBLIC_CHAIN_ID but for testnet

NEXT_PUBLIC_TESTNET_TOKEN_CONTRACT_ADDRESS

Refer to NEXT_PUBLIC_TOKEN_CONTRACT_ADDRESS but for testnet

NEXT_PUBLIC_TESTNET_STABLE_COIN_CONTRACT_ADDRESS

Refer to NEXT_PUBLIC_STABLE_COIN_CONTRACT_ADDRESS but for testnet

NEXT_PUBLIC_TESTNET_NFT_CONTRACT_ADDRESS

Refer to NEXT_PUBLIC_NFT_CONTRACT_ADDRESS but for testnet

NEXT_PUBLIC_TEST_MODE_SECRET

Secret key to start the dapp to connect to the testnet.

▶️ Start the dapp

To start the dapp run the command npm run dev to work on mainnet, otherwise run the command npm run dev-test to work on testnet

🚧 Create a static build

To create a static build ready to be deployed on a web server via FTP, run the command npm run build, the output will be available in "out" folder and ready to be uploaded on FTP server.