Psyduck

Demo Page

• Video: Psyduck demo
• Psyduck Contract:
  • opBNB:
    1. PoolFactory
    2. Psycoin Token

Abstract

We are witnessing a revolutionary tipping application on a live streaming platform, utilizing decentralized applications (DApps) and non-fungible token (NFT) technology on the opBNB chain. This application enhances interaction between viewers and live streamer, while elevating Web3 applications to new heights in real-life integration.

Introduction

Psyduck is a decentralized application for live streaming donations that not only integrates the web3 and web2 worlds, but also provides more donation types for live streaming viewers. It innovates the interaction between live streamer and viewers. Psyduck provides a website and Chrome extension for live streamer to create NFTs and donate the tip. Viewers can donate our cryptocurrency Psycoin or purchase live streamer's NFTs to support their favorite live streamer.
Blockchain technology provide:

• New ways to donate and interact: Psyduck uses ERC-20 and ERC-1155 for donations and live interaction.

• Provide Unique Rewards and Incentives: Blockchain enables the design of unique reward mechanisms for audience participation, such as cryptocurrency rewards, ranking systems, or NFTs proving their engagement.

• Enhance Community and Belonging: By creating a shared, decentralized community experience, blockchain helps audiences feel integral to the community, boosting their engagement and loyalty.

Our solution has the following features and advantages:

• Facilitates meaningful viewer-streamer connections via ERC-1155 token donations
• Offers creators new monetization methods
• Ensures transparency and security with blockchain technology
• Easy integration with a simple interface for users

Method

• Use opBNB to store token donation metadata
• Use Chrome Extension to build web connect plugin that interacts with opBNB blockchain
• Use Solidity to create smart contract
• Use React.js to build frontend
• Use Cloudflare_serverless to build serverless

Technical Architecture

Psyduck Architecture

Psyduck workflow

	sequenceDiagram
		actor Streamer
		actor Viewer
		participant Psyduck
		participant Smart Contract
			
			Streamer ->> Psyduck: Connect wallet and Register streamer Id
			Psyduck ->> Smart Contract: Write streamer Id 
			Smart Contract ->> Smart Contract: Binding the address
			Smart Contract -->> Psyduck: Return binding event
			Psyduck -->> Streamer: Response binding successfully
			Viewer ->> Psyduck: Purchase our platform coins
			Psyduck ->> Smart Contract: Request number of platform coin
			Smart Contract -->> Psyduck: Response platform coin
			Viewer ->> Psyduck: Purchase the NFT of donation
			Psyduck ->> Smart Contract: Request the NFT
			Smart Contract -->> Psyduck: Response the NFT
			Psyduck -->> Viewer: Response NFT purchased
			Viewer -->> Streamer: Receive notification that the NFT has been purchased
			Streamer ->> Streamer: Alert the donation anime on the screen
			Streamer -->> Viewer: Thank you so much

Building & Installation

Psyduck is a monorepo managed using turbo. You can find the source code for each package in the apps/web and apps/extension-app directory.

• apps/extension-app is the chrome extension for Psyduck. It is built using Chrome Extension.
• package/contract is the smart contract for Psyduck. It is built using Solidity.

Setting project

Run Chrome extension

git clone https://github.com/hollow-leaf/psyduck/tree/main

cd apps/extension-app

nvm use 21

npm install --legacy-peer-deps && npm run build:ext

Then go to chrome extension manager

Run Frontend

pnpm install

cd apps/web

pnpm run dev

Contributors

• FullStack developer: Solo Lin
• Frontend engineer: Jake Kuo
• Smart Contract developer: Albert Cheng
• Frontend engineer: Sophia Liang