-
클론한 서비스:
SoundCloud
-
배포:
AWS S3
+Cloudfront
-
라이브러리는
React
, 언어는Typescript
사용 -
주요 기능:
- 회원가입, 로그인, 로그아웃할 수 있음(12시간동안 자동 로그인)
- 음악을 감상하고
like
,repost
하거나 아티스트를follow
할 수 있음 - 음악이나 플레이리스트를 사진과 함께 업로드하고 수정할 수 있음
- 최근 감상한 음악과 플레이리스트,
like
,repost
,follow
한 내역을 확인할 수 있음 - 음악을 검색할 수 있음
-
페이지
-
/
- 로그인 전 페이지
-
/discover
- 메인페이지
- 로그인 후 첫 화면
-
/you/library
- 사용자가 업로드하거나 생성한 트랙과 플레이리스트,
like
,follow
,repost
한 내역 등을 확인할 수 있음
- 사용자가 업로드하거나 생성한 트랙과 플레이리스트,
-
/you/history
- 사용자의 감상 이력을 확인할 수 있음
-
/:username
- 아티스트 페이지
- 아티스트가 업로드한 트랙과 앨범, 플레이리스트, 그리고
repost
한 내역 등을 확인할 수 있음 - 아티스트와 사용자가 일치할 경우 프로필 사진과 정보를 변경할 수 있음
-
/upload
- 업로드 페이지
- 개별 트랙 혹은 앨범을 업로드할 수 있음
-
/you/tracks
- 사용자가 업로드한 트랙을 수정할 수 있음
-
/:username/:trackname
- 트랙 페이지
- 트랙 재생, 댓글 작성 등의 활동을 할 수 있음
-
/:username/sets/:setname
- 앨범/플레이리스트 페이지
-
/search
- 검색 페이지
- 장르 필터 기능이 있음
-
team10-web's Introduction
team10-web's People
team10-web's Issues
[BUG] 프로필의 음악에서 댓글 작성시 반응 없음
[BUG] 프로필 업데이트 시 우측 상단 사용자 이름 업데이트 문제
[BUG] Library의 Likes 탭에서의 버그
[BUG] 메인페이지에서 좋아요를 누르면 새로고침해야 반영됩니다.
[BUG] 프로필 페이지에서 중단탭 클릭시 우상단 프로필 사진 표시 안되는 에러
프로필 페이지에서 중단탭(All, Popular Tracks, Tracks, 등등) 클릭해서 페이지 넘어가면 우상단에 닉네임 왼쪽에 표시되는 프로필 이미지가 대체 텍스트로 나옵니다.
[Bug] 음악 화면에서 음악 재생 시 하얀 화면
[BUG] 메인 홈 화면에서 재생 버튼을 눌렀음에도 재생이 되지 않는 문제
제가 사운드 클라우드를 안써봐서 혹시 의도된 기능이라면 무시하셔도 되는 문제입니다!
홈화면에서 각 음악들을 호버했을 때 뜨는 재생 버튼을 클릭해도 아무 변화 없이 원래 재생되던 음악이 계속 재생됩니다. 또한 여러 음악에 대해 그렇게 재생버튼을 모두 눌러두면, 눌러준 모든 음악들이 그 상태로 동시에 존재할 수 있다는 문제점이 있습니다.
[BUG] 프로필 화면에서 트랙 클릭시 없는 음악이라고 나옵니다.
[BUG] 나이를 -2로 설정한 경우
[Bug] 동시재생
[BUG] 음악 Upload 관련 issue
[BUG] 프로필, 배너 이미지 업로드를 비롯한 프로필 변경 문제들
-
배너 이미지, 프로필 이미지를 업로드해도 한번에 갱신되지 않고 한번 새로고침을 통해 리렌더 해야 변경 확인이 가능합니다.
-
배너 이미지 비율이 고정되어 있어 이미지를 직접 자를 수 있거나 어느 한쪽에 맞춰 자동으로 잘리지도 않고 찌부가 되어 배너에 들어가 그 배너 화면 비율에 딱 맞는 사진을 넣어야만 원하는대로 배너 이미지를 채울 수 있습니다.
-
프로필에서 Edit을 눌러서 뜨는 모달에서 변경사항들이 반영이 안되어 모달을 닫았다가 열었음에도 모달에 입력/ 업로드했던 정보/사진들은 그대로 남아있는 버그가 존재합니다.
-
프로필 변경 실패 시 그 이유를 사용자가 알기 힘듭니다.
[BUG] 댓글 삭제 시 반응 없음
[Bug] 사파리 브라우저에서의 재생 오류
M1 Macbook Air로 테스트
Vivaldi(Google Chrome)에서는 음악 정상 재생됨
하지만 Safari 브라우저에서는 하얀 화면과 함께 튕김
[BUG] 아무 내용이 없는 댓글 무한 작성 가능
[BUG] 회원가입 에러 피드백
현재 동작
유효하지 않은 정보(음수 나이, 이름 빈 문자열)로 회원가입 시도 시 서버에서 400 response는 오는데, 뒤로 가기나 정보 재입력이 불가능합니다.
화면의 다른 곳을 클릭한 뒤 다시 시도하면 display name 설정으로 돌아와서 새로고침 전까지 회원가입 시도가 계속 실패합니다.
[Bug] 사용자 이름이 너무 길면 상단 바에서 벗어납니다.
[Bug] 프로필에서 popular track 선택 시 UI 깨짐 오류
아직 구현 안하신 부분일 수도 있지만 느낌표 등 UI가 깨져 보이는 현상이 나타나는 것 같습니다! 수정하면 훨씬 보기 좋을 듯해요
[BUG] Notification 불러오기 오류
회원가입한 직후 Notification으로 접속하면 정보 불러오기 실패라고 나옵니다.
오류 발생 시 오류 창을 띄우는 것도 나쁘지 않을 것 같아요!
[Bug] 프로필 페이지에서 share을 눌렀을 때 반응이 없습니다.
유저 프로필 페이지에서 share 버튼을 눌렀을 때 반응이 없습니다.
[BUG] 음악 재생 화면에서 새로고침 시 댓글 등이 사라짐
새로고침 시 댓글, Likes, Reposts등이 사라집니다.
[BUG] Likes 페이지에서 새로고침시 이미지와 트랙이 보이지 않습니다.
[BUG] 앨범 커버 및 프로필 글자 관련버그
- 앨범 커버에서 재생하는 것이 동작을 안 합니다.
- 프로필 글자가 줄바꿈되는 현상 + 흰 글자라서 배경에 묻힙니다.
[BUG] 삭제된 음악이 재생됩니다.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.