Code Monkey home page Code Monkey logo

psyduck's Introduction

Psyduck

Frontend deploy

Demo Page

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

Technical Architecture

Psyduck 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
Loading

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

psyduck's People

Contributors

jarekkkkk avatar

Watchers

Ilmondo avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.