A clone Youtube Web Player using React Provider Pattern, React Context and Typescript
Switch branches/tags
Clone or download
Latest commit cbf3d9d Jun 21, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Refactor: Changed names variables to more descriptive Jun 19, 2018
public Initial commit Jun 18, 2018
screenshots Add files via upload Jun 20, 2018
src Fix: iOS error Jun 20, 2018
.gitignore Fix: iOS error Jun 20, 2018
README.md Update README.md Jun 21, 2018
images.d.ts Initial commit Jun 18, 2018
package-lock.json Feat: Support mobile videos Jun 20, 2018
package.json Feat: Support mobile videos Jun 20, 2018
tsconfig.json Initial commit Jun 18, 2018
tsconfig.prod.json Initial commit Jun 18, 2018
tsconfig.test.json Initial commit Jun 18, 2018
tslint.json Chore: tslint updated Jun 18, 2018
yarn.lock Fix: iOS error Jun 20, 2018

README.md

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.

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:

📺 Responsive


✂️ Crop videos


🏠 Homepage


📺 Video preview


✏️ Edit video

Contributing ❤️

Reactube-client has been made by love❤️. 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