bsysop / reactube-client

A clone Youtube Web Player using React Provider Pattern, React Context and Typescript

Home Page:http://rafaelescala.com/reactube

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

drawing

with ๐Ÿš€ Typescript ๐Ÿš€

Reactube-client is an open source project relying on React context an useful feature of React that it is great for passing down data to deeply nested components. In this project, I tried to show some features of react/react components, react context with Typescript.

Main Features:

  • Video player customized
  • Playlist
  • Preview videos
  • Responsive
  • It's possible crop videos
  • Support with localstorage

Contain:

  • React
  • Typescript
  • React Context (not Redux)
  • Styled components
  • React Router

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:3000
npm run start

Screencast:

๐Ÿ“บ Responsive


โœ‚๏ธ Crop videos


๐Ÿ  Homepage


๐Ÿ“บ Video preview


โœ๏ธ Edit video

Contributing โค๏ธ

Reactube-client has been made by love:heart:. I'd greatly appreciate any contribution to improve this project. Feel free to sent a PR.

Acknowledgments

  • React
  • JavaScript
  • TypeScript

Author and license

MIT License

Copyright (c) 2018-present, Rafael Escala

About

A clone Youtube Web Player using React Provider Pattern, React Context and Typescript

http://rafaelescala.com/reactube


Languages

Language:TypeScript 93.6%Language:CSS 4.9%Language:HTML 1.5%