GithubHelp home page GithubHelp logo

paschal533 / vidhub Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 14.36 MB

Vidhub is a decentralized social media, video-sharing app that allows users to create, watch, like, comment, buy and share videos shot on mobile devices or webcams. The video will be minted as NFT and posted, and can be bought by another user. Users are also rewarded with 0.025 of our VID token each time they post a video.

Home Page: https://vidhub.vercel.app/

TypeScript 88.15% JavaScript 7.61% CSS 0.31% Solidity 3.93%
blockchain ipfs livepeer web3 web3storage

vidhub's Introduction

Vidhub

Vidhub is a decentralized social media, video-sharing app that allows users to create, watch, like, comment, buy and share videos shot on mobile devices or webcams. The video will be minted as NFT and posted, and can be bought by another user. Users are also rewarded with 0.025 of our VID token each time they post a video.

screenshot

screenshot

๐Ÿ›  Technology Stack & Tools

  • Solidity (Writing Smart Contract)
  • Javascript (NextJs & Unit Testing)
  • Ethers JS (Blockchain Interaction)
  • Hardhat (Smart Contract Development Framework)
  • Livepeer (Video storage && player)
  • Web3.storage - IPFS (NFT File Storage)
  • Polygon Mumbai (Blockchain network)

โ›“ Blockchain Protocol used

  • ERC-20 standard
  • ERC-721 standard

โš™ Requirements For Initial Setup

  • Install NodeJS, should work with any node version below 18.12.1
  • Install Hardhat in your terminal. You can check to see if you have hardhat by running npx hardhat. To install hardhat, run npm install --save-dev hardhat.

๐Ÿš€ Quick Start

๐Ÿ“„ Clone or fork Vidhub:

https://github.com/paschal533/Vidhub.git

๐Ÿ’ฟ Install all dependencies:

$ cd vidhub
$ npm install

๐ŸŽ— Add enviroment varibles

Rename the file env.local.example to env.local

Add all the required enviroment varibles in the file

NEXT_PUBLIC_SANITY_TOKEN = 
NEXT_PUBLIC_GOOGLE_API_TOKEN= 
NEXT_PUBLIC_BASE_URL= http://localhost:3000
NEXT_PUBLIC_CONTRACT_ADDRESS= 0x7ec205F8573E16678fE130A132a0956eEc79E9B2
NEXT_PUBLIC_API_KEY = //Your Livepeer API Key
NEXT_PUBLIC_INFURA_IPFS_PROJECT_ID=
NEXT_PUBLIC_INFURA_IPFS_PROJECT_SECRET=

๐Ÿšดโ€โ™‚๏ธ Run your App:

npm run dev
  • Note :- This app was deploy to Polygon Mumbai testnet, so you need to connect your Metamask wallet to Polygon Mumbai testnet before you can Interact with the app.

๐Ÿ“„ interacting with the Smart-contract

Rename the file env.example to env

Add all the required enviroment varibles in the file

API_KEY =     //PolygonScan API_KEY
PrivateKey =  // Metamask PrivateKey
ProjectID =   // Infura ProjectID

๐Ÿ›  Test the Smart-contract:

npx hardhat test

๐ŸŽ— Compile the Smart-contract:

npx hardhat compile

๐Ÿ”— Deploy the Smart-contract:

npx hardhat run --network mumbai scripts/deploy.js

๐Ÿ“„ Smart-contract address

0x7ec205F8573E16678fE130A132a0956eEc79E9B2

๐Ÿ“„ VID token Smart-contract address

0x3dDac85FA891cA51BF339f1df791AA002ec08A8A

๐Ÿ“œ Mumbai Testnet Explorer

https://mumbai.polygonscan.com/address/0x7ec205F8573E16678fE130A132a0956eEc79E9B2

vidhub's People

Contributors

paschal533 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

lordmen99

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.