Spore Demo

A Spore Protocol Demo based on Next.js + React + Spore SDK, which implements basic functionalities such as the creation and transfer of clusters, as well as minting, transferring, and melting of spores.

Technology Stack

• Next.js - A JavaScript framework created by Vercel..
• React - A JavaScript library for building user interfaces.
• Mantine - A Fully Featured React components library.
• Spore Graphql Layer - A GraphQL Layer for query Spore/Cluster data.
• Spore SDK - A SDK for interacting with the Spore Protocol.

Supported Wallets

This project currently supports the following wallets:

• MetaMask - A crypto wallet & gateway to blockchain apps.
• JoyID - Universal Account Protocol for Web3 Mass-adoption. (We temporarily disable JoyID in the demo to avoid confusion. It will be re-added when we can fully support JoyID. See issue#69)

This project integrates MetaMask and JoyID through the use of Omnilock for now.

Installation

To run this project, you must have Node.js installed. If you do not have Node.js installed please visit the Node.js website to download the latest version.

Step 1: Clone the repository

git clone https://github.com/ahonn/spore-demo.git

Step 2: Navigate to the cloned repository

cd spore-demo

Step 3: Install the dependencies

This project uses PNPM as the package manager, you can also use NPM to perform the following steps

npm install pnpm -g
pnpm install

Usage

To run the application, use the command below:

pnpm run dev

This will start the development server. Navigate to http://localhost:3000 in your browser to access the application.

License

This project is licensed under MIT License.