https://github.com/nayanrdeveloper/nuron_nft_marketplace_fronted

Nuron NFT marketplace uploads your NFT and sells NFTs.This Project submits on Ur-hackathon (Devfolio) and NEAR MetaBUILD III Hackathon (Devpost). Smart contract deployed on Polygon (Mumbai testnet)
https://github.com/nayanrdeveloper/nuron_nft_marketplace_fronted

hardhat nextjs nft-marketplace polygon tailwindcss web3

Last synced: 5 months ago
JSON representation

Nuron NFT marketplace uploads your NFT and sells NFTs.This Project submits on Ur-hackathon (Devfolio) and NEAR MetaBUILD III Hackathon (Devpost). Smart contract deployed on Polygon (Mumbai testnet)

• Host: GitHub
• URL: https://github.com/nayanrdeveloper/nuron_nft_marketplace_fronted
• Owner: nayanrdeveloper
• Created: 2022-11-28T12:10:07.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T13:48:28.000Z (over 3 years ago)
• Last Synced: 2023-03-11T02:43:09.638Z (about 3 years ago)
• Topics: hardhat, nextjs, nft-marketplace, polygon, tailwindcss, web3
• Language: TypeScript
• Homepage: https://nuronmarketplace.netlify.app/
• Size: 3.83 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


# Prerequisites

* [nodejs](https://nodejs.org/en/download/) for backend smart contract deploy

* [MetaMask](https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn) Chrome extension installed in your browser

* [Hardhat](https://hardhat.org/) for local smart contracts deployement and testing

* [nft.storage](https://nft.storage/) account for IPFS storage (free account).

* [polygon(mumbai)](https://faucet.polygon.technology/) Polygon mumbai balance for your smart contract deploy and NFT mint

## How to run in your Local environment



    
Step1: Clone GitHub Project on your PC

    


        
git clone https://github.com/nayanrdeveloper/nuron_nft_marketplace_fronted

    

    
Step-2: 

    


        
now change the file env.example to .env and update the following changes

        
NEXT_PUBLIC_BLOG_ADDRESS = "Blog smart contract address"

        
NEXT_PUBLIC_MYNFT_ADDRESS = "MyNFT smart contract address"

        
NEXT_PUBLIC_MYTOKEN_ADDRESS = "MyToken smart contract address"

        
POLYGON_RPC_API_URL = "Polygon RPC alchemy"

    

    
Step - 3: 

    


        
npm install

        
npm run dev

        
Open your Project in browser (http://localhost:3000/)

    



### Built With

* [Solidity](https://docs.soliditylang.org/)

* [Hardhat](https://hardhat.org/getting-started/)

* [Next.js](https://nextjs.org/)

* [ethers.js](https://docs.ethers.io/v5/)

* [RainbowKit](https://www.rainbowkit.com//)

* [TailwindCss](https://tailwindcss.com/)

#### User interface

   

The front end is built with Next JS it's framework of React, it allows users to mint new NFTS and they can find on the home page a complete roadmap for the entire NFT project, the app also give a simple admin dashboard for setting minting prices and managing the sales period.

The front-end is built using the following libraries:

      


        


Next.js: fronted Framework of develope UI

        


Ethers.js: used as interface between the UI and the deployed smart contract

        


RainbowKit: Connecting a Wallet

        


Tailwind CSS: Styles using TailwindCss
    

      


![Home Page](screenshots/home_page_1.png)

About

![About](screenshots/about_page_2.png)

Sell NFT

![Create Blog](screenshots/sell_nft_3.png)

Connect Wallet

![Connect Wallet](screenshots/connect_wallet_4.png)

All NFTs

![All NFTs](screenshots/all_nft_5.png)

NFT Detail

![NFT Detail](screenshots/nft_detail_6.png)

Create Blog

![Create Blog](screenshots/create_blog_7.png)

All blogs

![NFT Detail](screenshots/all_blogs_8.png)

Wallet Explain

![NFT Detail](screenshots/connect_wallet_explain.png)