Spotify Mobile App Project (Melodify) - React Native

YouTube Link

기간 : 2021.2.24 - 2021.3.12 / 3주

Skill Stack

Front-End

• React Native
• Javascript
• Redux
• Redux-thunk
• RN-stylesheet
• Axios
• expo

목표

• Spotify 모바일 앱의 기본적인 UI 및 기능 구현하기
• React-navigation BottomTabNavigator 사용과 infinite scroll 구현하기
• Redux 로 전역상태 관리하기 및 음악 재생 기능 적용하기
• Spotify Developer API 를 사용해서 필요한 데이터 불러오기

기능

• 기본적인 레이아웃 및 디자인
• Spotify Api를 사용해 카테고리, 플레이리스트, 음악 데이터 불러오기
• Axios instance 를 활용한 중복적인 코드 제거
• Expo-av(expo audio) 라이브러리를 사용한 음악 재생
• Redux 전역 상태관리를 활용해 어디서든 음악 상태 변경 가능 및 좋아요 기능
• CustomBottomTab Navigator (음악 플레이어 부분)
• 바텀탭 베이스의 스택 네스팅 Navigation
• FlatList 를 활용한 여러방식의 카테고리 및 트랙 리스팅