Joie-Kim/RnTube

use YouTube API in ReactNative

RnTube

Auth Screen	Feed Screen

💡 About

Subject

• React Naitve를 사용해 모바일 환경에서 다음 기능들을 구현하는 것
  • Firebase를 활용한 회원가입, 로그인, 로그아웃 기능
  • YouTube API를 활용한 동영상 재생 기능

Features

1. 회원 관리 기능

   Firebase의 Authentication 기능을 사용했습니다. Context API를 사용해 전역적으로 관리했습니다.

   • Email 계정 만들기
   • Email 계정으로 로그인
   • 로그아웃

2. YouTube 동영상 재생 기능

   로그인한 사용자가 있을 경우, 해당 화면을 보여줬습니다.

   • 특정 id에 맞는 동영상 정보(동영상 제목, 채널 이름)와 재생 화면을 YouTube API를 사용해 불러왔습니다.
   • FlatList로 동영상 목록을 만들었습니다.
   • 화면에 보이는 동영상 목록 중, 가장 위에 있는 동영상이 자동으로 재생되도록 했습니다.

🧑‍💻 Skills

• React Native
• Firebase (Authentication)
• Styled-component

🚗 How to run

• 로컬에서 구동시키고 싶다면 아래와 같이 하세요.
• npm 대신 yarn을 사용할 수 있습니다.
• android 시뮬레이터에서 실행할 경우, API_KEY가 필요할 수 있습니다.

# Install the dependancies
npm install

# Start the project
npm start