Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/travelxml/polygon-nft-marketplace
Polygon NFT marketplace showcasing the creation, trading, and management of NFTs on the Polygon blockchain. Ideal for developers exploring decentralized applications and blockchain technology
https://github.com/travelxml/polygon-nft-marketplace
blockchain blockchain-demos blockchain-technology dapp dapps dapps-development dappsys hardhat hardhat-node ipfs ipfs-blockchain nextjs nft nft-marketplace nodejs polygon solidity-contracts solidity-dapps web3
Last synced: 2 months ago
JSON representation
Polygon NFT marketplace showcasing the creation, trading, and management of NFTs on the Polygon blockchain. Ideal for developers exploring decentralized applications and blockchain technology
- Host: GitHub
- URL: https://github.com/travelxml/polygon-nft-marketplace
- Owner: TravelXML
- Created: 2021-12-27T09:24:44.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-12T13:43:07.000Z (5 months ago)
- Last Synced: 2024-08-12T15:45:18.809Z (5 months ago)
- Topics: blockchain, blockchain-demos, blockchain-technology, dapp, dapps, dapps-development, dappsys, hardhat, hardhat-node, ipfs, ipfs-blockchain, nextjs, nft, nft-marketplace, nodejs, polygon, solidity-contracts, solidity-dapps, web3
- Language: JavaScript
- Homepage:
- Size: 1.38 MB
- Stars: 6
- Watchers: 1
- Forks: 9
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NFT Marketplace Built With Polygon, Solidity, IPFS & Next.js
[NFT Marketplace Built With Polygon, Solidity, IPFS & Next.js](https://github.com/TravelXML/POLYGON-NFT-MARKETPLACE)
## Objective
Create NFT Marketplace With Below Options.
* Home/ Dashboard
* Sell Digital Asset
* My Digital Assets
* Creator Dashboard
### Run this project
#### How to setup locally?
To run this project locally, follow these steps.
#### 1. Clone the project locally, change into the directory, and install the dependencies:
```sh
git clone https://github.com/TravelXML/POLYGON-NFT-MARKETPLACE.git
cd POLYGON-NFT-MARKETPLACE
# install using NPM or Yarn
npm install
# or
yarn
```
#### 2. Start the local Hardhat node
```sh
npx hardhat node
```
#### 3. With the network running, deploy the contracts to the local network in a separate terminal window
```sh
npx hardhat run scripts/deploy.js --network localhost
```
#### 4. Start the app
```
npm run dev
```
Navigate [http://localhost:3000](http://localhost:3000) on the browser you can see your marketplace is up.
Click on Sell Digital Asset
Click on Home
### Configuration
To deploy to Polygon test or main networks, update the configurations located in __hardhat.config.js__ to use a private key and, optionally, deploy to a private RPC like Infura.
```javascript
require("@nomiclabs/hardhat-waffle");
const fs = require('fs');
const privateKey = fs.readFileSync(".secret").toString().trim() || "01234567890123456789";
const infuraId = fs.readFileSync(".infuraid").toString().trim() || "";
module.exports = {
defaultNetwork: "hardhat",
networks: {
hardhat: {
chainId: 1337
},
/*
mumbai: {
// Infura
url: `https://polygon-mumbai.infura.io/v3/${infuraId}`
//url: "https://rpc-mumbai.matic.today",
accounts: [privateKey]
},
matic: {
// Infura
url: `https://polygon-mainnet.infura.io/v3/${infuraId}`,
//url: "https://rpc-mainnet.maticvigil.com",
accounts: [privateKey]
}
*/
},
solidity: {
version: "0.8.4",
settings: {
optimizer: {
enabled: true,
runs: 200
}
}
}
};
```
If using Infura, update __.infuraid__ with your [Infura](https://infura.io/) project ID.
#### Deploy into Mumbai test network
Here, we will add the following configurations for the Mumbai test network as listed here:
* Network Name: Mumbai TestNet
* New RPC URL: https://rpc-mumbai.matic.today
* Chain ID: 80001
* Currency Symbol: Matic
Save this, then you should be able to switch to and use the new network!
Finally, you will need some testnet Matic tokens in order to interact with the applications[.secret->privatekey].
To get these, you can visit the [Matic Faucet](https://faucet.polygon.technology/), inputting the address of the wallets that you would like to request the tokens for.
Deploying to the Matic / Polygon network.
Now that you have some Matic tokens, you can deploy to the Polygon network!
To do so, be sure that the address associated with the private key you are deploying your contract with has received some Matic tokens in order to pay the gas fees for the transaction.
To deploy to Matic, run the following command:
npx hardhat run scripts/deploy.js --network mumbai
Once the contracts have been deployed, you should be able to update the contract addresses in your project and test on the new network 🎉!
**File Name: config.js**
**change to smart contract deployed address:**
**Change the JSON Provider in index.js file loadNFTs()**
const provider = new ethers.providers.JsonRpcProvider()
**Change to**
Then good to up the server, Run below command
npm run dev
After Deploying to Mumbai Test Network, you scan your address and see what all transactions occurred.
Finally Here is the NFT Marketplace!
## Deploying to Mainnet
To deploy to the main Matic / Polygon network, you can use the same steps we set up for the Mumbai test network.
The main difference is that you'll need to use an endpoint for Matic as well as import the network into your MetaMask wallet as listed here.
An example update in your project to make this happen might look like this:
```javascript
/* hardhat.config.js */
/* adding Matic main network config to existing config */
...
matic: {
url: "https://rpc-mainnet.maticvigil.com",
accounts: [privateKey]
}
…
```
Public RPCs like the one listed above may have traffic or rate-limits depending on usage. You can sign up for a dedicated free RPC URL using services like Infura, MaticVigil, QuickNode, Chainstack, or Ankr.
For example, using something like Infura:
url: `https://polygon-mainnet.infura.io/v3/${infuraId}`
Congratulations! You've deployed a NFT Marketplace to Polygon.
Happy Coding! 💓