Moralis OpenSea Plugins 4

This repository contains the code for the Moralis OpenSea Youtube tutorial. It is a simple implementation of an NFT Marketplace dApp using React framework, mainly to showcase the simplicity of using Moralis OpenSea Plugin.

---

Table of Contents

• Deployment
• Branches
• Pre-requisites
  • Node.js
  • NPM/Yarn
  • Moralis Account
• Getting Started
  • Clone Project
  • Install Dependencies
  • Add Moralis appId and serverUrl
  • Run The Project
• Production
• Related Repository
• License

---

Deployment

• IPFS (Fleek): https://moralis-opensea-plugins.on.fleek.co/

---

Branches

• main: This is the end result of the project
• empty-project: This branch is suitable for those who want to follow the Youtube tutorial

---

Pre-requisites

1. Node.js

Check whether you have Node.js in your machine with the following command, otherwise click here to install it.

node -v

2. NPM/Yarn

If you have installed Node.js in your machine, NPM will already be installed along with it. Check whether NPM is installed within your machine with the following command.

npm -v

Otherwise, if you want to use Yarn as your package manager. Go to its official website and follow the installation process. Once installed, check Yarn with the following command.

yarn -v

3. Moralis Account

If you have not signed up to Moralis yet, click here to register and get your free Moralis Admin account in just a few minutes!

---

Getting Started

1. Clone Project

git clone https://github.com/YosephKS/moralis-opensea-plugins.git

2. Install Dependencies

# NPM
npm i

# Yarn
yarn

3. Add Moralis appId and serverUrl

Create a .env file by copying .env.example and fill in these environment variables.

REACT_APP_MORALIS_APP_ID=xxx
REACT_APP_MORALIS_SERVER_URL=xxx

If you would like to hardcode the appId and serverUrl, go to src/index.js and place those variables directly in the file.

<MoralisProvider appId="xxx" serverUrl="xxx">
	<App />
</MoralisProvider>

4. Run The Project

If you would like to follow the Youtube tutorial and get an empty template instead, go to the empty-project branch instead.

# NPM
npm run start

# Yarn
yarn start

---

Production

To use the code for production, compile the build version and run the following command

# NPM
npm run build

# Yarn
yarn build

Once the building process is completed (whether locally or remotely in CI/CD), deploy the build version to your favorite hosting service.

---

Related Repository

• truffle-opensea-nft: Building NFTs (ERC721 & ERC1155) for OpenSea using Truffle, Moralis, and Openzeppelin

---

License

GNU GPL v3.0