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: 3 months 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 (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-22T15:14:30.000Z (9 months ago)
• Last Synced: 2024-10-12T02:31:31.182Z (3 months 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)