Code Monkey home page Code Monkey logo

team10-web's Introduction

team10-web

SoundWaffle

  • 클론한 서비스: SoundCloud

  • 배포: AWS S3 + Cloudfront

  • 라이브러리는 React, 언어는 Typescript 사용

  • 주요 기능:

    • 회원가입, 로그인, 로그아웃할 수 있음(12시간동안 자동 로그인)
    • 음악을 감상하고 like, repost 하거나 아티스트를 follow할 수 있음
    • 음악이나 플레이리스트를 사진과 함께 업로드하고 수정할 수 있음
    • 최근 감상한 음악과 플레이리스트, like, repost, follow한 내역을 확인할 수 있음
    • 음악을 검색할 수 있음
  • 페이지

    • /

      • 로그인 전 페이지

      login

    • /discover

      • 메인페이지
      • 로그인 후 첫 화면

      discover

    • /you/library

      • 사용자가 업로드하거나 생성한 트랙과 플레이리스트, like, follow, repost한 내역 등을 확인할 수 있음

      you-library

    • /you/history

      • 사용자의 감상 이력을 확인할 수 있음

      you-history

    • /:username

      • 아티스트 페이지
      • 아티스트가 업로드한 트랙과 앨범, 플레이리스트, 그리고 repost한 내역 등을 확인할 수 있음
      • 아티스트와 사용자가 일치할 경우 프로필 사진과 정보를 변경할 수 있음

      artistpage

    • /upload

      • 업로드 페이지
      • 개별 트랙 혹은 앨범을 업로드할 수 있음

      upload

    • /you/tracks

      • 사용자가 업로드한 트랙을 수정할 수 있음

      you-tracks

    • /:username/:trackname

      • 트랙 페이지
      • 트랙 재생, 댓글 작성 등의 활동을 할 수 있음

      trackpage

    • /:username/sets/:setname

      • 앨범/플레이리스트 페이지

      setpage

    • /search

      • 검색 페이지
      • 장르 필터 기능이 있음

      search

team10-web's People

Contributors

hmlinnie avatar andhl204 avatar arsture avatar gina0605 avatar

Stargazers

 avatar

Forkers

arsture andhl204

team10-web's Issues

[BUG] Library의 Likes 탭에서의 버그

  • 트랙 이미지에 hover하여 음악 재생버튼을 눌렀을 때 재생이 안 됩니다
  • 해당 탭에서 Like를 해제할 경우, 해당 음악이 있던 자리에 아래 사진과 같이 Like된 빈 이미지(?)의 트랙이 남으며 Unlike가 되지 않습니다.
    image

[BUG] 메인 홈 화면에서 재생 버튼을 눌렀음에도 재생이 되지 않는 문제

제가 사운드 클라우드를 안써봐서 혹시 의도된 기능이라면 무시하셔도 되는 문제입니다!

홈화면에서 각 음악들을 호버했을 때 뜨는 재생 버튼을 클릭해도 아무 변화 없이 원래 재생되던 음악이 계속 재생됩니다. 또한 여러 음악에 대해 그렇게 재생버튼을 모두 눌러두면, 눌러준 모든 음악들이 그 상태로 동시에 존재할 수 있다는 문제점이 있습니다.

[BUG] 나이를 -2로 설정한 경우

나이를 -2로 설정했더니 별도의 오류메시지 없이 넘어가진 다음, GET STARTED를 눌렀을 시 다음페이지로 진행이 안됩니다.

image

[BUG] 음악 Upload 관련 issue

스크린샷, 2022-01-08 22-08-32

  • 일단 음악을 업로드하려 하면 POST 할때 401 Unauthorized를 보냅니다
  • public(default)인데 defualt로 오타가 난 것 같습니다
  • Save버튼을 누르면 트랙 url을 변경해달라, 업로드가 실패했다는 toast를 띄우는데 Cancel 버튼을 누르면 아무 일도 일어나지 않습니다!

[BUG] 프로필, 배너 이미지 업로드를 비롯한 프로필 변경 문제들

  1. 배너 이미지, 프로필 이미지를 업로드해도 한번에 갱신되지 않고 한번 새로고침을 통해 리렌더 해야 변경 확인이 가능합니다.

  2. 배너 이미지 비율이 고정되어 있어 이미지를 직접 자를 수 있거나 어느 한쪽에 맞춰 자동으로 잘리지도 않고 찌부가 되어 배너에 들어가 그 배너 화면 비율에 딱 맞는 사진을 넣어야만 원하는대로 배너 이미지를 채울 수 있습니다.

  3. 프로필에서 Edit을 눌러서 뜨는 모달에서 변경사항들이 반영이 안되어 모달을 닫았다가 열었음에도 모달에 입력/ 업로드했던 정보/사진들은 그대로 남아있는 버그가 존재합니다.

  4. 프로필 변경 실패 시 그 이유를 사용자가 알기 힘듭니다.

[BUG] 아무 내용이 없는 댓글 무한 작성 가능

댓글 작성할 때 엔터만 계속 누르면, 아무 내용 없는 댓글을 무한으로 작성 가능한데, 원래 사운드 클라우드에서도 그런가요...? 보통 댓글 같은거 달 때 한글자 이상이라도 내용이 있는지 체크해야 되지 않나 싶은 생각이 듭니다...
엔터를 꾹 눌렀더니 300개를 5초안에 달아버렸습니다..
image

[BUG] 회원가입 에러 피드백

현재 동작

유효하지 않은 정보(음수 나이, 이름 빈 문자열)로 회원가입 시도 시 서버에서 400 response는 오는데, 뒤로 가기나 정보 재입력이 불가능합니다.

화면의 다른 곳을 클릭한 뒤 다시 시도하면 display name 설정으로 돌아와서 새로고침 전까지 회원가입 시도가 계속 실패합니다.

[BUG] Notification 불러오기 오류

회원가입한 직후 Notification으로 접속하면 정보 불러오기 실패라고 나옵니다.

오류 발생 시 오류 창을 띄우는 것도 나쁘지 않을 것 같아요!

[BUG] Likes 페이지에서 새로고침시 이미지와 트랙이 보이지 않습니다.

안녕하세요!
Likes 페이지에서 새로고침을 하였을 때, 프로필 이미지와 트랙정보들이 보이지 않는 것 같습니다. 아래 사진을 첨부합니다.
실제 사운드 클라우드와 엄청 비슷하게 잘 구현해주셔서 정말 잘 보았습니다. 중간총회까지 너무 고생많으셨습니다!☺️

  1. Likes 탭에 들어갔을 때
    image

  2. Likes 탭에서 새로고침을 하였을 때
    image

감사합니다 :)

[BUG] 삭제된 음악이 재생됩니다.

image
가장 하단에 있던 트랙을 클릭하였더니 음악이 짧게 재생된 후에 끊기고 위와 같은 화면이 나왔습니다. 삭제된 음악인 것 같은데 재생이 일부 진행되었습니다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.