NFT-Marketplace Deployment Kit

Description

NFT-Marketplace Deployment Kit is an SDK you can use to embed an NFT-Marketplace into a desired website. This marketplace will be hosted by Your Open Metaverse (YOM) and will be accessible through an iframe. It comes with customizibility options that users can use to get a more personalized experience. Items are fully viewable and with a click, users will be directed to YOM's website to buy the item.

Some of the feature include:

• Customizable buttons, fonts, and colors
• Viewable item details including 3D
• Pop-up to YOM's own marketplace with a single click for purchasing of the items

Customization Options

These are the configurable options that must be specified:

• backgroundColor: background color of the marketplace
• descColor: desription colors of item details
• font: fontface to use
• height: height of the window
• themeColor: colors of buttons and most icons
• titleColors: color of the titles in item cards
• walletId: wallet ID of the developer company that is registered in YOM marketplace
• width: width of the window

Dependencies

Most of the dependencies are indicated as PeerDependencies in package.json . Make sure they are installed with appropriate versions i.e:

"peerDependencies": {
    "react": ">= 17",
    "react-dom": ">= 17"
}

Installation & Usage

The package is currently on NPM with the name: marketplace-deployment-kit

After making sure of the dependencies, install the package using:

yarn add marketplace-deployment-kit

or alternatively:

npm install marketplace-deployment-kit

import the NftMarketplaceWindow in the file you are embedding to:

import {NftMarketplaceWindow} from 'marketplace-deployment-kit'

Now, you can use the NftMarketplaceWindow components just like any other react component.

Example of Usage

<NftMarketplaceWindow
        walletId="FeAwjJ7tjYQizWFQndr9hiHt7pFUF7o6ciRNM7KVX9pS"
        themeColor="blue"
        backgroundColor='"white'
        descColor="black"
        titleColors="black"
        font="Roboto"
        height="3000"
      ></NftMarketplaceWindow>

Example

A screenshot of the marketplace

A screenshot of the item details

Authors

These are the five main contributors of the project:

• Ata Çil
• Bartu Mehmet Ortal
• Efe Sozen
• Mehmet Alp Sözüdüz
• Tarık Ziyar Üzel