Skip to content

An YouTube clone built with React and Solidty on Polygon blockchain

Notifications You must be signed in to change notification settings

vmptk/Decentralized-YouTube

 
 

Repository files navigation


Logo

OurTube — It is YouTube but decentralized

About The Project

Ourtube

OurTube is a YouTube Clone built on top of Polygon network and The Graph, that allows users to create, share and watch videos, without worrying about their privacy.

Here is a complete tutorial on how to build a similar project: https://blog.suhailkakar.com/building-a-full-stack-web3-youtube-clone-with-next-ipfs-the-graph-solidity-and-livepeer

This is the version 2.0 of this applications, you can find the first verion here

Built With

  • Frontend framework: Next.js
  • Smart contracts: Solidity
  • Ethereum web client library: Ethers.js
  • File storage: IPFS
  • Querying data: The Graph
  • CSS Framework: TailwindCSS
  • Ethereum development environment: Hardhat
  • Layer 2 blockchain: Polygon
  • Video Infrastructure: Livepeer

Getting Started

To get this application up and and running on your local machine follow these simple steps.

Prerequisites

You need to have Node.js, NPM and hardhat installed on your computer, before running this project.

Installation

  1. Clone the repo

    git clone https://github.com/suhailkakar/Decentralized-YouTube
  2. Install NPM packages

    npm install

    or

    yarn install
  3. Create an .env file and get an API key from Livepeer studio, Web3 Storage and Imagekit.

    PRIVATE_KEY=""
    NEXT_PUBLIC_LIVEPEER_KEY=""
    NEXT_PUBLIC_WEB3_STORAGE_KEY=
    NEXT_PUBLIC_IMAGEKIT_ID=""
  4. Compile the smart contract

    npx hardhat compile
  5. Deploy the smart contract

  6. Get your contract address and paste in on constants/index.ts

  7. Deploy subgraph in indexer directory by following steps in indexer/README.md (optional, since it is already deployed in hosted service)

  8. Get subgraph query endpoint after deployment and update it in constants/index.t

  9. Run the app

    npm start

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue. Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

This project is an open source software licensed under the MIT License

About

An YouTube clone built with React and Solidty on Polygon blockchain

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 86.7%
  • JavaScript 6.4%
  • Solidity 3.5%
  • CSS 3.4%