RN_YouTubeMobile

React Native version of Neverthink app. only the iOS version works.

Getting started

Clone this repo and checkout at branch "develop":

git checkout develop

Prerequisites

Run the following commands:

npm install

Change to the "ios" directory

cd ios

and run the following command:

pod update

Running the app

react-native run-ios

Features:

• Works on iOS.
• When user selects a channel, and there are videos she/he have not seen, these videos should play first. Maintain an order of the playlist.
• When last video on the channel has ended, it should start playing first video on that channel again.
• Play/pause videos.
• When app is opened, first video of the first channel should autoplay. When video ends, the next video on the playlist should start playing.
• User must be able to change between channels, and see channel name and image.
• There should be multiple channels, and each channel should have multiple videos in it.
• The app support both Portrait and Landscapes mode.

Known bugs:

The app dectects watched videos by pushing and comparing them to a "watched" array.
Since the data is static, once the the array contained all the video provided by the static source, the app will go into an endless loop.
To remedy this, a dedicated "Reset watched video" was added until a better solution is found.

Tested on:

• iPhone X (real device) (iOS 13.2)
• iPhone 11 (simulator) (iOS 13.2)
• iPhone 11 Pro Max (simulator) (iOS 13.2)
• iPhone 8 (simulator) (iOS 13.2)
• iPhone SE (simulator) (iOS 13.2)
• iPad Air (simulator) (iOS 13.2)

Built with:

• react-pring - Spring-based animations.
• react-native-vector-icons - Icon libary.
• react-native-thumbnail-video - Youtube video thumbnail.
• react-native-youtube - Youtube video player.