https://github.com/ayush-that/hackon-blocks-2024

An NFT marketplace promoting Indian culture. Mint, buy and sell NFTs with a user-friendly, responsive interface. Celebrating India's heritage digitally.
https://github.com/ayush-that/hackon-blocks-2024

blockchain css css3 hackathon-project hardhat html html5 javascript nextjs nft-marketplace polygon solidity tailwindcss web3

Last synced: about 2 months ago
JSON representation

An NFT marketplace promoting Indian culture. Mint, buy and sell NFTs with a user-friendly, responsive interface. Celebrating India's heritage digitally.

• Host: GitHub
• URL: https://github.com/ayush-that/hackon-blocks-2024
• Owner: ayush-that
• Created: 2024-06-27T08:40:21.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-14T11:08:25.000Z (over 1 year ago)
• Last Synced: 2025-04-13T22:08:20.348Z (11 months ago)
• Topics: blockchain, css, css3, hackathon-project, hardhat, html, html5, javascript, nextjs, nft-marketplace, polygon, solidity, tailwindcss, web3
• Language: JavaScript
• Homepage: https://desinft.vercel.app/
• Size: 24.2 MB
• Stars: 10
• Watchers: 1
• Forks: 2
• Open Issues: 24
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# DesiNFT - Create & Sell Your Own NFT!



  



### Tech Stack

       ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)

### Screenshots

  

    

      

    

    

      

    

  

### Installing

First, we need to clone the repository and change the working directory. Then, we must set up environment variables for the project. Make sure to add `.env` to `.gitignore`.

```bash

git clone https://github.com/ayush-that/HackOn-Blocks-2024.git

cd HackOn-Blocks-2024

```

Use the node version manager [(nvm)](https://www.freecodecamp.org/news/node-version-manager-nvm-install-guide/) and set up the project to use Node v16 for seamless installation. Now install the dependencies.

```node

nvm install 16

nvm use 16

npm i

```

In the `.env`, add the following environment variables. Get the `PRIVATE_KEY` from your MetaMask account. For Polygon zkEVM (ETH):

```env

PRIVATE_KEY="METAMASK_PRIVATE_KEY"

NEXT_PUBLIC_CONTRACT_ADDRESS="CONTRACT_ADDRESS"

URL=https://rpc.cardona.zkevm-rpc.com

NEXT_PUBLIC_RPC_URL=https://rpc.cardona.zkevm-rpc.com

```

To get the value of `NEXT_PUBLIC_CONTRACT_ADDRESS`, In the root directory of the project run the following commands. This will compile and deploy the smart contract.

```node

npx hardhat compile

npx hardhat run scripts/deploy.js --network polygonZkEvmTestnet

```

Now, run `npm run dev` or `yarn dev` to start the live deployment server. You can use Vercel to deploy it too. See the [Live](https://desinft.vercel.app/) site here.