NFT Collection Frontend ✨

Making an NFT collection, to put it together with our whitelist project, an overview of our project:

• There should only exist 20 Crypto Dev NFT's and each one of them should be unique.
• User's should be able to mint only 1 NFT with one transaction.
• Whitelisted users, should have a 5 min presale period before the actual sale where they are guaranteed 1 NFT per transaction.

You can find all the information of the contract in etherscan

---

Installing / Getting started

# Clone this project
$ git clone https://github.com/gab0071/NFT-nextjs

# Access
$ cd NFT-nextjs

# Install dependencies
$ npm install 

Commands

• $ npx create-next-app@latest
• $ npm run dev Now go to http://localhost:3000, your app should be running 🤘

Open up a terminal pointing at my-app directory and execute this command:

• $ npm install web3modal ethers

Note🚨 ➡ to interact with your smart contract in the folder constants/index.js write:

export const WHITELIST_CONTRACT_ADDRESS = "YOUR_WHITELIST_CONTRACT_ADDRESS";
export const abi = YOUR_ABI;

Technologies / Built With

• Next.js
• Ethers.js
• Web3Modal

---

Hope you enjoy making this.

Made with ❤️ by catellaTech.