[타입스크립트] 스포티파이 만들기

api 공식 문서 : https://developer.spotify.com/documentation/web-api

개발해야하는 기능들

 

1. 유저는 홈페이지에서 New released album, Tracks, Albums 정보를 볼 수 있다.
2. 유저는 사이드 메뉴에서 Home과 Search를 볼 수 있다.
3. 유저는 로그인 할 수 있다.
4. 로그인을 한 유저는 사이드바에서 플레이리스트를 볼 수 있다.
5. 유저는 플레이리스트를 클릭하면 디테일한 플레이리스트 정보를 볼 수 있다.
6. 플레이리스트에 곡이 없을 경우 유저는 검색화면을 볼 수 있다.
7. 유저는 곡을 검색하고 + 버튼을 눌러 곡을 바로 추가할 수 있다.
8. 유저는 + 버튼을 눌러 새로운 플레이리스트를 추가할 수 있다.
9. 메뉴에서 Search 를 누르면 서치페이지를 볼 수 있다.
10. 서치페이지는 카테고리들을 볼 수 있다.
11. 서치페이지에서 유저는 검색을 할 수 있다.
12. 검색결과로 유전느 Top Result, songs, artists, albums 정보를 볼 수 있다.
13. song에 있는 + 버튼을 클릭하면 추가하고싶은 플레이리스트를 볼 수 있다.
14. 플레이리스트를 클릭하면 해당 플레이리스트로 곡이 추가된다.
15. 유저가 로그인 하지 않은 경우 로그인하시오라는 메세지가 하단에 뜬다.
16. 유저가 로그인하지 않은 상태에서 플레이리스트에 접근한다면 로그인하시오 메세지와 버튼을 볼 수 있다.
17. 유저는 로그아웃 할 수 있다.