Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yosephks/moralis-opensea-plugins
Simple NFT Marketplace dApp using Moralis OpenSea Plugin
https://github.com/yosephks/moralis-opensea-plugins
blockchain dapp dapps dapps-development erc1155 erc721 ethereum fleek-hosting ipfs metamask moralis nft nftmar nfts opensea react react-hooks reactjs web3
Last synced: about 2 months ago
JSON representation
Simple NFT Marketplace dApp using Moralis OpenSea Plugin
- Host: GitHub
- URL: https://github.com/yosephks/moralis-opensea-plugins
- Owner: YosephKS
- License: gpl-3.0
- Created: 2021-10-23T06:18:17.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-11-04T05:24:05.000Z (over 3 years ago)
- Last Synced: 2024-12-11T03:12:28.539Z (about 2 months ago)
- Topics: blockchain, dapp, dapps, dapps-development, erc1155, erc721, ethereum, fleek-hosting, ipfs, metamask, moralis, nft, nftmar, nfts, opensea, react, react-hooks, reactjs, web3
- Language: JavaScript
- Homepage: https://www.youtube.com/watch?v=r2YFhfjIb3k
- Size: 77.1 KB
- Stars: 29
- Watchers: 3
- Forks: 12
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Moralis OpenSea Plugins
This repository contains the code for the [Moralis OpenSea Youtube tutorial](https://www.youtube.com/watch?v=r2YFhfjIb3k&t=35s). 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](https://github.com/YosephKS/moralis-opensea-plugins#deployment)
- [Branches](https://github.com/YosephKS/moralis-opensea-plugins#branches)
- [Pre-requisites](https://github.com/YosephKS/moralis-opensea-plugins#pre-requisites)
- [Node.js](https://github.com/YosephKS/moralis-opensea-plugins#1-nodejs)
- [NPM/Yarn](https://github.com/YosephKS/moralis-opensea-plugins#2-npmyarn)
- [Moralis Account](https://github.com/YosephKS/moralis-opensea-plugins#3-moralis-account)
- [Getting Started](https://github.com/YosephKS/moralis-opensea-plugins#getting-started)
- [Clone Project](https://github.com/YosephKS/moralis-opensea-plugins#1-clone-project)
- [Install Dependencies](https://github.com/YosephKS/moralis-opensea-plugins#2-install-dependencies)
- [Add Moralis `appId` and `serverUrl`](https://github.com/YosephKS/moralis-opensea-plugins#3-add-moralis-appid-and-serverurl)
- [Run The Project](https://github.com/YosephKS/moralis-opensea-plugins#3-add-moralis-appid-and-serverurl)
- [Production](https://github.com/YosephKS/moralis-opensea-plugins#3-production)
- [Related Repository](https://github.com/YosephKS/moralis-opensea-plugins#related-repository)
- [License](https://github.com/YosephKS/moralis-opensea-plugins#license)
---
### Deployment
- IPFS (Fleek): [https://moralis-opensea-plugins.on.fleek.co/](https://moralis-opensea-plugins.on.fleek.co/)
---
### Branches
- [main](https://github.com/YosephKS/moralis-opensea-plugins/tree/main): This is the end result of the project
- [empty-project](https://github.com/YosephKS/moralis-opensea-plugins/tree/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](https://nodejs.org/en/) to install it.
```bash
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.
```bash
npm -v
```
Otherwise, if you want to use Yarn as your package manager. Go to its [official website](https://yarnpkg.com/) and follow the installation process. Once installed, check Yarn with the following command.
```bash
yarn -v
```
#### 3. Moralis Account
If you have not signed up to Moralis yet, click [here](https://admin.moralis.io/register) to register and get your free Moralis Admin account in just a few minutes!
---
### Getting Started
#### 1. Clone Project
```bash
git clone https://github.com/YosephKS/moralis-opensea-plugins.git
```
#### 2. Install Dependencies
```bash
# 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.
```js
```
#### 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.
```bash
# NPM
npm run start
# Yarn
yarn start
```
---
### Production
To use the code for production, compile the build version and run the following command
```bash
# 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](https://github.com/YosephKS/truffle-opensea-nft): Building NFTs (ERC721 & ERC1155) for OpenSea using Truffle, Moralis, and Openzeppelin
---
### License
[GNU GPL v3.0](https://github.com/YosephKS/moralis-opensea-plugins/blob/main/LICENSE)