My favorite YouTube videos mobile app

A typical mobile app often contains essential features including screen navigation, pulling remote data with RESTful API, and authentication. Developing cross-platform apps with React Native often requires third-party libraries (e.g. react-navigation) to handle low-level feature such as screen navigation gracefully.

In this project, you will practice implementing these basic features by creating a simple app that lists the user’s liked YouTube videos. The user can also click one of the videos in the list to navigate to the video detail page that shows the video thumbnail, title, and description. In order to get the user’s liked videos list, you’ll have to implement a flow to allow user to authenticate and authorize the app with Google OAuth 2.0.

• Ask user to authenticate and authorize the app with Google OAuth 2.0 in order to pull data from YouTube API
• Pull user’s liked video data from YouTube API
• Display a list of YouTube videos liked by the user
• User can see a new screen with video details including thumbnail, title, and description

The following image shows one way to implement the UI. Feel free to interpret the requirements however you'd like!

For an extra challenge:

• Play the video!
• Make the UI look native in both iOS and Android

We suggest starting off by using hard-coded mock data to create UI for both video list and detail screens. You can then implement authentication and fetch real data to replace the mock data. We suggest using React Navigation for screen transitions.

• Google OAuth 2.0 documentation
• YouTube API documentation
• Getting started with React Native - official documentation