VinayakBagaria / Animated-Youtube-Page

Demo of design and functionality of a YouTube page in React Native

Animated Youtube Page

A demo of design and functionality of a YouTube page built in React Native.
PS: Video, images, text are all hard-coded. Those can easily be replaced with content from an API.

Screenshots

Streaming video page with details

Scroll view of upcoming videos below the current one

Drag to minimise the video while it still plays, click on it to resize back to full screen

Installation

• git clone https://github.com/VinayakBagaria/Animated-Youtube-Page
• cd Animated-Youtube-Page && yarn - installs dependencies for frontend serve
• yarn run android - run the app on android, via simulator or through USB.
• yarn run ios - run the app on ios simulator.

What is used?

Frameworks

• React Native

Dependencies

• React-Native-Video
• React-Native-Vector-Icons

Additional Tools

• ESLint - Linter for JS and JSX
• Prettier - Code formatter
• Lint-Staged - Runs Prettier against staged JS files
• Husky - Runs Lint-Staged before git commits

TODO

• Flow (React dependency for type management - installed but not used)