{"id":16364615,"url":"https://github.com/keyurparalkar/react-youtube-player-clone","last_synced_at":"2025-06-28T02:39:14.043Z","repository":{"id":198867370,"uuid":"697320387","full_name":"keyurparalkar/react-youtube-player-clone","owner":"keyurparalkar","description":"A react clone of youtube's video player","archived":false,"fork":false,"pushed_at":"2024-04-22T15:14:30.000Z","size":15735,"stargazers_count":12,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-10-12T02:31:31.182Z","etag":null,"topics":["blog","css","devcommunity","html","javascript","reactjs","styled-components","system-design","typescript","youtube"],"latest_commit_sha":null,"homepage":"https://react-youtube-player-clone.vercel.app","language":"TypeScript","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/keyurparalkar.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":"2023-09-27T13:45:31.000Z","updated_at":"2024-09-17T20:01:46.000Z","dependencies_parsed_at":null,"dependency_job_id":"615cb060-50da-44b5-8bab-69428bec5fe3","html_url":"https://github.com/keyurparalkar/react-youtube-player-clone","commit_stats":null,"previous_names":["keyurparalkar/react-youtube-player-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keyurparalkar%2Freact-youtube-player-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keyurparalkar%2Freact-youtube-player-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keyurparalkar%2Freact-youtube-player-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keyurparalkar%2Freact-youtube-player-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/keyurparalkar","download_url":"https://codeload.github.com/keyurparalkar/react-youtube-player-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221842519,"owners_count":16890157,"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":["blog","css","devcommunity","html","javascript","reactjs","styled-components","system-design","typescript","youtube"],"created_at":"2024-10-11T02:31:02.806Z","updated_at":"2024-10-28T14:45:24.604Z","avatar_url":"https://github.com/keyurparalkar.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Youtube Video Player Clone\nThis projects is an attempt to replicate the youtube's video player with React, Context APIs and framer motion.\nYou can read more about how this project is implemented with the help of below blog post series:\n\n1. [How I build a YouTube Video Player with ReactJS: Building the architecture](https://dev.to/keyurparalkar/building-with-react-js-create-your-own-youtube-video-player-starting-with-basics-1lpp)\n2. [How I build a YouTube Video Player with ReactJS: Building the Play Button](https://dev.to/keyurparalkar/how-i-build-a-youtube-video-player-with-reactjs-building-the-play-button-4of2)\n3. [How I build a YouTube Video Player with ReactJS: Building the Volume Control](https://dev.to/keyurparalkar/how-i-build-a-youtube-video-player-with-reactjs-building-the-volume-control-4jli)\n4. [How I build a YouTube Video Player with ReactJS: Build the Seekbar control](https://dev.to/keyurparalkar/how-i-build-a-youtube-video-player-with-reactjs-build-the-seekbar-control-3kg)\n5. [How I build a YouTube Video Player with ReactJS: Building FrameTooltip component](https://dev.to/keyurparalkar/how-i-build-a-youtube-video-player-with-reactjs-building-frametooltip-component-3o6p)\n\nThis project was also demonstrated in talk held in [JSLovers meetup](https://www.meetup.com/jslovers-pune/events/298144913/). You can find the slides for the talk [here](https://github.com/keyurparalkar/react-youtube-player-clone/files/15065033/jslovers-talk-1-video_frame.pdf)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeyurparalkar%2Freact-youtube-player-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkeyurparalkar%2Freact-youtube-player-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeyurparalkar%2Freact-youtube-player-clone/lists"}