https://github.com/catherinee24/whitelist-nextjs

Whitelist page to give access to 10 addresses to the pre-sale of an NFT.
https://github.com/catherinee24/whitelist-nextjs

dapp hardhat javascript nextjs nft react solidity-contracts whitelist

Last synced: about 2 months ago
JSON representation

Whitelist page to give access to 10 addresses to the pre-sale of an NFT.

• Host: GitHub
• URL: https://github.com/catherinee24/whitelist-nextjs
• Owner: catherinee24
• Created: 2022-12-21T20:54:14.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-23T16:47:50.000Z (about 2 years ago)
• Last Synced: 2023-04-24T16:38:03.132Z (almost 2 years ago)
• Topics: dapp, hardhat, javascript, nextjs, nft, react, solidity-contracts, whitelist
• Language: JavaScript
• Homepage: https://luminous-beignet-ec5505.netlify.app/
• Size: 315 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Whitetlist Frontend ✨


  

    

  

 

  


  


  

Making the frontend part of my project Whitelist smart contract!



 Installing / Getting started 


```bash

# Clone this project

$ git clone https://github.com/catherinee24/Whitelist-Nextjs

# Access

$ cd Whitelist-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 ```

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

```js

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.