Giter Site home page Giter Site logo

donghwui / videre Goto Github PK

View Code? Open in Web Editor NEW

This project forked from rexanwong/videre

0.0 0.0 0.0 7.88 MB

[Submission for EthGlobal Waterloo Hackathon 2023 🍁] - Videri is decentralized TikTok - Web3.0 Version of TikTok

JavaScript 10.21% TypeScript 73.81% CSS 1.89% Solidity 14.09%

videre's Introduction

Videre 🎥 | ETHGlobal Waterloo 2023 Project

Live link:

Demo video:

Videre is a TikTok-style video-sharing platform that revolutionizes the way content creators interact with content creators and advertisers. By leveraging token-bound accounts (ERC-6551), advertisers can send crypto to the creators’ video NFTs (token-bound accounts). Having these video NFTs hold ERC-20 tokens demonstrates how “valuable” the videos are to the creators.

  • Creators can redeem crypto for the videos they upload, with the amount determined by the number of likes their content receives.
  • Advertisers send crypto to Videre's smart contract, which are redeemed by creators' video NFTs when desired. Through keywords submitted during the upload process, ads are matched with the appropriate videos. Advertisers also specify how much a content creator gets for every 1000 likes.

Twitter is full of bots. TikTok's algorithm + data is private and they're getting banned everywhere. Some platforms also have censorship rules. Most of them pay their creators poorly. Videre solves these problems.

How it works 🧠

  1. Content creator uploads a video as an NFT (ERC-721)
  2. Content creator calls getAd() function, which creates a TBA (address) of the ERC-721 (using the ERC-721 tokenID + smart contract address)

Sample userflow

  1. Advertiser wants to put an ad on a creator's video
    • Using keywords, ads are matched with the most related videos
    • Advertiser sends ETH to the Videre smart contract
    • Videre smart contract sends the ETH to the video NFT (TBA), and creator can claim ad rewards (if they call the withdraw function)
VidereUserFlow

Tools 🛠️

Languages TypeScript, JavaScript, CSS
Framework & Libraries React, Next.js, Tailwind, Ethers, truncateEthAddress, Polygon Mumbai,
Blockchain Solidity smart contract, Hardhat

Bounties

Token Bound Accounts (ERC-6551): video NFTs by creators hold ERC-20 tokens from advertisers

MetaMask SDK: for wallet login flow and account info

IPFS: video storage through Infura

Polygon: deployed on Polygon

videre's People

Contributors

donghwui avatar rexanwong avatar mattwong-ca 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.