with :rocket: Typescript :rocket:

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:

• [x] React
• [x] Typescript
• [x] React Context (not Redux)
• [x] Styled components
• [x] 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