reactube-client

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

Github stars Tracking Chart

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.

LIVE DEMO (WIP)

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:

:tv: Responsive


:scissors: Crop videos


:house: Homepage


:tv: Video preview


:pencil2: Edit video

Contributing :heart:

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

Main metrics

Overview
Name With Ownerrafaesc/reactube-client
Primary LanguageTypeScript
Program languageHTML (Language Count: 3)
Platform
License:
所有者活动
Created At2018-06-18 05:06:10
Pushed At2018-06-21 02:09:07
Last Commit At2018-06-20 21:09:06
Release Count0
用户参与
Stargazers Count90
Watchers Count3
Fork Count19
Commits Count29
Has Issues Enabled
Issues Count1
Issue Open Count1
Pull Requests Count0
Pull Requests Open Count0
Pull Requests Close Count0
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private