{"id":23292940,"url":"https://github.com/reaperdragon/web3-youtube","last_synced_at":"2025-08-22T00:32:55.117Z","repository":{"id":93283278,"uuid":"541148739","full_name":"reaperdragon/web3-youtube","owner":"reaperdragon","description":"Web3 YoutTube is Decentralize YouTube Clone Built with Next Js, Hardhat, Solidity, IPFS, The Graph Protocol and Tailwind CSS.📹","archived":false,"fork":false,"pushed_at":"2022-12-31T06:44:35.000Z","size":585,"stargazers_count":4,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-08-20T14:59:49.243Z","etag":null,"topics":["apolloclient","blockchain","ethereum","ethersjs","graphql","hardhat","ipfs","ipfs-client","javascript","nextjs","openzeppelin-contracts","react-hooks","reactjs","smart-contracts","solidity","tailwindcss","thegraphprotocol","typescript","youtube"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/reaperdragon.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-09-25T11:30:51.000Z","updated_at":"2023-12-02T17:10:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"f5537c87-8aab-497c-8734-e2c063dcef55","html_url":"https://github.com/reaperdragon/web3-youtube","commit_stats":null,"previous_names":["reaperdragon/web3-youtube"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reaperdragon%2Fweb3-youtube","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reaperdragon%2Fweb3-youtube/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reaperdragon%2Fweb3-youtube/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reaperdragon%2Fweb3-youtube/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reaperdragon","download_url":"https://codeload.github.com/reaperdragon/web3-youtube/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230542290,"owners_count":18242333,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apolloclient","blockchain","ethereum","ethersjs","graphql","hardhat","ipfs","ipfs-client","javascript","nextjs","openzeppelin-contracts","react-hooks","reactjs","smart-contracts","solidity","tailwindcss","thegraphprotocol","typescript","youtube"],"created_at":"2024-12-20T06:12:31.730Z","updated_at":"2024-12-20T06:12:32.291Z","avatar_url":"https://github.com/reaperdragon.png","language":"JavaScript","readme":"# Web 3.0 YouTube App 📹\n\n\u003cimg width=\"1600\" alt=\"credit\" src=\"https://user-images.githubusercontent.com/67114280/190989003-3ee20263-0817-44ba-925a-172c146ad3ba.png\"\u003e\n\n### Built with Next Js, Hardhat, Solidity, IPFS, The Graph Protocol and Tailwind CSS.\n\n### Functionalities\n\n- [x] Upload Video\n- [x] play video\n- [x] Search Videos\n- [x] Upload Short\n\n### Stack\n\n- Frontend : [Next Js](https://nextjs.org/)\n- Smart Contract Lang : [Solidity](https://docs.soliditylang.org/en/v0.8.17/)\n- Indexing :  [The Graph](https://thegraph.com/en/)\n- Dev Environment for ETH Software: [Hardhat](https://hardhat.org/)\n- Testing: [Chai](https://www.chaijs.com/)\n- File Storage : [IPFS](https://ipfs.tech/)\n- Network : [Polygon](https://polygon.technology/)\n- Style : [Tailwind CSS](https://tailwindcss.com/)\n- State management : [GraphQL Apollo Client](https://www.apollographql.com/)\n- Fonts - [Google Fonts](https://fonts.google.com/)\n- Icons : [React Icons](https://react-icons.github.io/react-icons/)\n\n\n### Installation\n\n####  Fork The Repo \n\nClick on the Right Side of the Top Bar to After the Watch button. \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/3/38/GitHub_Fork_Button.png\" width=\"120px\" /\u003e\n\nNow It will be available in GitHub Account.\n\n#### OR\n\n#### Clone\n\n- Clone this repo with url\n\n```shell\ngit clone https://github.com/Aakrut/web3-youtube\n```\n\n##### Setup\n\n\u003e Install npm dependencies using npm install\n\n```shell\ncd web3-youtube \u0026\u0026 npm install\n```\n\n\u003e Set up environment Variables I already Provided .env.example file.\n\n\u003e Create a .env file in the root directory.\n\n\u003e Set up required environment variables.\n\n```\nURL=\"POLYGON_TESTNET_URI\"\nPRIVATE_KEY=\"METAMASK_PRIVATE_KEY\"\nNEXT_PUBLIC_CONTRACT_ADDRESS=\"CONTRACT_ADDRESS\"\nNEXT_PUBLIC_PROJECT_ID=\"PROJECT_ID\"\nNEXT_PUBLIC_PROJECT_SECRET=\"PROJECT_SECRET\"\nNEXT_PUBLIC_GRAPHQL_URL=\"GRAPHQL_URL\"\n```\n\n\u003e In the Root Directory First Compile Your Smart Contract with This Following Command.\n\n```shell\nnpx hardhat compile\n```\n\n\u003e After Deploy Smart Contract to the Polygon Mumbai Testnet with this command.\n\n```shell\nnpx hardhat run scripts/deploy.js --network mumbai\n```\n\n\u003e Copy Smart Contract Address and replace it in with your \"CONTRACT_ADDRESS\"\n\n```\nNEXT_PUBLIC_CONTRACT_ADDRESS=\"CONTRACT_ADDRESS\"\n```\n\n## For Setting up Graph Protocol - [The Graph](https://thegraph.com/en/)\n\nnow replace the graph url with \n```\nNEXT_PUBLIC_GRAPHQL_URL=\"GRAPHQL_URL\"\n```\n\nLet's Run this command for dev\n\n```shell\nnpm run dev\n--or--\nyarn dev\n```\n\n### Screenshots\n\n\u003cimg width=\"1600\" alt=\"dashboard\" src=\"https://user-images.githubusercontent.com/67114280/190966376-dcdc4823-6ceb-4dbb-9eea-989e03f491ac.png\"\u003e\n\n\u003cimg width=\"1600\" alt=\"upload\" src=\"https://user-images.githubusercontent.com/67114280/190965969-4f6f56c0-ee88-4dee-8d2a-444b2ca0a47f.png\"\u003e\n\n\u003cimg width=\"1600\" alt=\"video\" src=\"https://user-images.githubusercontent.com/67114280/190965985-042c4311-505b-4fb2-8221-77edf86b7e6c.png\"\u003e\n\n\u003cimg width=\"1600\" alt=\"search\" src=\"https://user-images.githubusercontent.com/67114280/190965957-3f6b3e6b-d95b-469a-a444-53d4e088c7b2.png\"\u003e\n\n\u003cimg width=\"1600\" alt=\"responsive\" src=\"https://user-images.githubusercontent.com/67114280/190965946-2b0ea380-a379-4dda-a6ad-d4c9d4b410b7.png\"\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freaperdragon%2Fweb3-youtube","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freaperdragon%2Fweb3-youtube","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freaperdragon%2Fweb3-youtube/lists"}