NabiiBux / ETHereum-Minting-Website-React

💻 Single Page Minter

What is Single Page Minter ?

Single Page Minter is a lightweight frontend NFT minting solution that uses Web3.js & Component based framework Chakra UI

Screenshot

Installation

1. Clone the repo

   git clone https://github.com/HC3R3SOL/ethmintingsite

2. Change directory to the project folder

   cd ethmintingsite

3. Edit the CONTRACT_ADDRESS in ReCaptach.js and add your contract address.

   CONTRACT_ADDRESS = "Your contract Address";

4. Edit the MintingContract file & add your abi data

   {
   "abi": ["Here your abi data"]
   }

5. Edit the ReCaptach.js for minting timer variable difference && difference0 for setdate and time for WL and Public Mint

6. Edit the Setting.js for headerText Collection Name , collectionDescription Collection Description and label which lies in App.js && Also Edit ReCaptach.js for "mintText" for Whitelist mint description && Public Mint description

7. Run the app locally

   yarn start

Features

Current features

• Single page
• Multi-collection / contract support
• Multi-chain support (Dev & mainnet)
• Responsive mobile design (Chakra UI)
• Light & Dark Modes
• Showcases random tokens (When enabled)

Smart contract

The smart contract is current hosted on the Ropsten Testnet Network and uses the OpenZeppelin Library

Contract address:

example

 0x77C9e7733550026AcE28950e973681C0F74191E3

Disclaimer

This project is a fully functional prototype made for practice/educational purposes.