https://github.com/keyurparalkar/react-youtube-player-clone
A react clone of youtube's video player
https://github.com/keyurparalkar/react-youtube-player-clone
blog css devcommunity html javascript reactjs styled-components system-design typescript youtube
Last synced: about 1 year ago
JSON representation
A react clone of youtube's video player
- Host: GitHub
- URL: https://github.com/keyurparalkar/react-youtube-player-clone
- Owner: keyurparalkar
- Created: 2023-09-27T13:45:31.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-22T15:14:30.000Z (about 2 years ago)
- Last Synced: 2024-10-12T02:31:31.182Z (over 1 year ago)
- Topics: blog, css, devcommunity, html, javascript, reactjs, styled-components, system-design, typescript, youtube
- Language: TypeScript
- Homepage: https://react-youtube-player-clone.vercel.app
- Size: 15 MB
- Stars: 12
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Youtube Video Player Clone
This projects is an attempt to replicate the youtube's video player with React, Context APIs and framer motion.
You can read more about how this project is implemented with the help of below blog post series:
1. [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)
2. [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)
3. [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)
4. [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)
5. [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)
This 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)