Coder Social home page Coder Social logo

snb-client's People

Contributors

pangho297 avatar kimyoosang avatar imhyelim avatar flobeeee avatar

Watchers

James Cloos avatar  avatar Daehee Cho avatar  avatar chan avatar

snb-client's Issues

bug/Search 자잘한 버그 수정

ISSUE

  • Group: client
  • Type: bug
  • Detail: 자잘한 버그 수정

TODO

  1. 자잘한 버그 수정

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

bug/Search infobar와 songlist 사이의 간격 수정, 스크롤 문제 해결

ISSUE

  • Group: client
  • Type: bug
  • Detail: infobar와 songlist사이 간격 수정 수정 및 스크롤 문제 해결

TODO

  1. infobar와 songlist사이 간격을 수정해 주세요
  2. 화면에서 스크롤이 나타나는 문제를 해결해주세요
  3. modal창의 텍스트 색상을 변경해주세요
  4. 내 리스트에 저장 문구 수정(저장)
  5. 검색창에 검색어가 남아있는 버그 수정
  6. Userinfo, Mylist 왼쪽정렬

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

bug/Mylist 리스트 추가 시 리스트 이름 길이 제한 추가

ISSUE

  • Group: client
  • Type: bug
  • Detail: 리스트 추가 시 리스트 이름 길이 제한 추가

TODO

  1. 리스트 추가 시 리스트 이름 길이 제한 추가
  2. 리스트 이름 표시 부분 제거
  3. modal css 변경
  4. 선택된 노래 표시 글자 크기 축소
  5. 선택한 노래 삭제 문구 수정 (삭제)

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Login 게스트 로그인이 가능해야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: 내 노래 리스트를 공유할 수 있는 페이지를 만들어야 합니다.

TODO

  1. Login.js에 게스트 로그인 버튼이 추가되어야 합니다.
  2. 게스트 로그인 시 user1(guest)로 로그인 되어야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Login 서버에서 보낸 유저 정보를 저장해야 합니다

ISSUE

  • Group: client
  • Type: feature
  • Detail: 로그인, OAuth로그인/회원가입, 회원가입에서 보내는 유저 정보를 저장해야 합니다.

TODO

  1. 로그인 요청을 보냈을 때 받는 유저 정보를 저장해야 합니다.
  2. OAuth로그인/회원가입 요청을 보냈을 때 받는 유저 정보를 저장해야 합니다.
  3. 회원가입 요청을 보냈을 때 받는 유저 정보를 저장해야 합니다.
  4. 로그인 실패 시 메시지가 출력되어야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/RemoveSong RemoveSong컴포넌트를 구현해야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: RemoveSong컴포넌트를 구현해야 합니다.

TODO

  1. Song컴포넌트에서 노래를 props로 받아와야 합니다.
  2. removeSongHandler 메소드가 존재해야 합니다.
  3. removeSongHandler가 실행 됐을때 /song/remove에 노래 삭제 요청을 보내야 합니다.
  4. 요청을 보내면 노래 리스트에서 노래가 삭제되어야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Signup 회원가입이 가능해야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: 서버에 /signup 요청을 보내 회원가입할 수 있어야 합니다.

TODO

  1. 유효성 검사를 진행해야 합니다.
  2. POST /signup 요청을 통해 회원 정보를 전달해야 합니다.
  3. 회원가입이 완료된 경우 로그인 페이지로 이동해야 합니다.

Estimated time

2h

Labels

  • Estimated time: E: 2h
  • Group : client

feature/Login 로그인을 할 수 있어야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail:

TODO

  1. 로그인을 시도한 경우 서버에 /login 요청을 보내야 합니다.
  2. 요청 결과에 따라 로그인 되어야 합니다.

Estimated time

2h

Labels

  • Estimated time: E: 2h
  • Group : client

feature/CSS 전체적인 페이지의 CSS를 점검해주세요

ISSUE

  • Group: client
  • Type: feature
  • Detail:

TODO

  1. Song.css에서 체크박스를 수정해 주세요
  2. AddSong에서 드롭박스를 수정해 주세요
  3. Login, Signup CSS를 수정해야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Mypage 드롭박스 텍스트를 수정해주세요

ISSUE

  • Group: client
  • Type: feature
  • Detail: 노래 리스트 삭제 후 드롭박스에 남아있는 리스트 이름이 없어져야 합니다

TODO

  1. 노래 리스트 삭제 후 드롭박스에 남아있는 리스트 이름이 없어져야 합니다

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Mypage RemoveSong 기능을 구현해야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail:

TODO

  1. 노래 리스트에서 선택된 노래가 제거되어야 합니다.
  2. 선택된 노래 개수를 표시할 수 있어야 합니다.
  3. 노래 리스트에 저장된 노래 개수를 표시해야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Search 노래를 검색할 수 있어야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: 가수, 제목별로 노래를 검색할 수 있어야 합니다.

TODO

  1. 노래를 검색할 경우 스크래핑 서버에 GET / 요청을 보내야 합니다.
  2. 서버의 응답에 따라 결과를 보여주어야 합니다.
  3. 페이지에 따라 다음 노래들을 표시할 수 있어야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

bug/env 주소 통일

ISSUE

  • Group: client
  • Type: bug
  • Detail: env파일과 동일한 환경변수를 사용하도록 주소를 수정해야 합니다.

TODO

  1. 모든 파일에서 사용중인 주소를 환경변수를 점검해주세요

Estimated time

Pick one

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Search filter로직 수정, 모달 추가

ISSUE

  • Group: client
  • Type: feature
  • Detail:

TODO

  1. 선택이 해제된 경우 선택이 해제된 노래만 리스트에서 제거되어야 합니다.
  2. 이전, 다음 페이지의 안내문구가 모달로 나와야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

bug/Header 컨텐츠 위치 수정

ISSUE

  • Group: client
  • Type: bug
  • Detail: 검색창, Mypage, 로그아웃 버튼 위치 수정

TODO

  1. 검색창, Mypage, 로그아웃 버튼 위치 수정
  2. 검색창 글씨 시작 위치 수정

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Login, Signup 배경에 로고 추가

ISSUE

  • Group: client
  • Type: feature
  • Detail: Login, Signup 배경에 로고를 추가해야 합니다.

TODO

  1. Login, Signup 배경에 로고를 추가해야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Modal Modal컴포넌트를 구현해야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: Modal컴포넌트를 구현해야 합니다.

TODO

  1. 리스트 추가 버턴을 누르면 Modal컴포넌트가 표시되어야 합니다.
  2. 리스트 이름을 값으로 POST /addlist 요청을 보내야 합니다.
  3. 리스트 요청을 보낸 후 성공 여부를 표시해야 합니다.
  4. 사용자가 창을 닫을 수 있어야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Header Header 컴포넌트를 구현해야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: Header를 구현해야 합니다.

TODO

  1. Header의 마이페이지 버튼을 눌렀을 때 /mypage 페이지로 이동되어야 합니다.
  2. 로고를 눌렀을 때 /search 페이지로 이동되어야 합니다.
  3. 로그아웃 버튼을 눌렀을때 정상적으로 로그아웃이 되어야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Song Song컴포넌트를 구현해야 합니다.

ISSUE

  • Group: client
  • Type: bug, feature, delete
  • Detail: Song컴포넌트를 구현해야 합니다.

TODO

  1. /listinfo에서 받은 데이터를 표시해야 합니다.
  2. 체크박스로 체크한 노래를 다른 컴포넌트로 전달할 수 있어야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/AddSong AddSong 컴포넌트를 구현해야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: AddSong 컴포넌트를 구현해야 합니다.

TODO

  1. Song컴포넌트에서 노래를 props로 받아와야 합니다.
  2. addSongHandler 메소드가 존재해야 합니다.
  3. addSongHandler가 실행 됐을때 /song/add에 노래 삭제 요청을 보내야 합니다.
  4. 요청을 보내면 노래 리스트에서 노래가 삭제되어야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/OAuth2.0 Authorization code를 요청 및 전달해야합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: Authorization code를 github에 요청 및 서버에 전달해야 합니다.

TODO

  1. github에 Authorization code를 요청해야 합니다.
  2. github에서 받은 Authorization code를 서버에 전달해야 합니다.
  3. 서버에서 보내주는 Access token으로 github 로그인을 할 수 있어야 합니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Main Main.js컴포넌트를 만들어야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: Main.js컴포넌트를 만들고 Header, Search, Mypage컴포넌트를 포함해야합니다.

TODO

  1. Main.js를 만들고 Search, Mypage컴포넌트 렌더링
  2. App.js 라우터를 수정해야 합니다(Search컴포넌트 관련을 Main으로 변경)
  3. 로그인 성공 시 /main으로 가도록 변경
  4. Header컴포넌트는 Main컴포넌트에서만 렌더링 되어야 합니다.

Estimated time

1h

Labels

  • Estimated time: E: 1h
  • Group : client

bug/Header 검색 필터 적용 오류 수정

ISSUE

  • Group: client
  • Type: bug
  • Detail: 검색 필터 적용 오류 수정

TODO

  1. 가수 검색 이후 제목 검색이 가능하도록 수정해야 됩니다.

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Home 만든 사람들 추가

ISSUE

  • Group: client
  • Type: feature
  • Detail: 홈 화면에 만든 사람들을 추가해주세요

TODO

  1. 홈 화면에 만든 사람들을 추가해주세요

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Userinfo Userinfo 컴포넌트를 구현해야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: Userinfo 컴포넌트를 구현해야 합니다.

TODO

  1. /userinfo 요청으로 받은 응답을 표시해야 합니다.
  2. 리스트 추가를 누르면 modal 컴포넌트를 표시해야 합니다
  3. 리스트 삭제를 누르면 /removelist 요청을 보내야 합니다.
  4. 리스트 삭제 요청을 보낸 리스트를 지워야 합니다.
  5. /listinfo에서 받은 데이터 중 노래들을 Song컴포넌트에 전달해야 합니다 (Songs)

Estimated time

Pick one

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/SIgnup 유저이름 길이제한 추가

ISSUE

  • Group: client
  • Type: feature
  • Detail: 회원 가입시 유저 이름 길이 제한 추가

TODO

  1. 회원 가입 시 유저 이름에 길이 제한을 추가해주세요

Estimated time

3h

Labels

  • Estimated time: E: 3h
  • Group : client

feature/Mypage Mypage컴포넌트를 구현해야 합니다.

ISSUE

  • Group: client
  • Type: feature
  • Detail: Mypage에서 데이터를 각각의 컴포넌트에 props로 전달해줘야 합니다.

TODO

  1. Main컴포넌트에서 데이터를 props로 전달받아야 합니다.
  2. Userinfo컴포넌트에 유저 정보를 전달해야 합니다. (username, Email, Created_At, List)
  3. GET /userinfo로 받은 데이터를 props로 Userinfo 컴포넌트에 전달해야 합니다.

Userinfo TODO

  1. /userinfo 요청으로 받은 응답을 표시해야 합니다.
  2. 리스트 추가를 누르면 modal 컴포넌트를 표시해야 합니다
  3. 리스트 삭제를 누르면 /removelist 요청을 보내야 합니다.
  4. 리스트 삭제 요청을 보낸 리스트를 지워야 합니다.
  5. /listinfo에서 받은 데이터 중 노래들을 Song컴포넌트에 전달해야 합니다 (Songs)

RemoveSong TODO

  1. Song컴포넌트에서 노래를 props로 받아와야 합니다.
  2. removeSongHandler 메소드가 존재해야 합니다.
  3. removeSongHandler가 실행 됐을때 /song/remove에 노래 삭제 요청을 보내야 합니다.
  4. 요청을 보내면 노래 리스트에서 노래가 삭제되어야 합니다.

Estimated time

24h

Labels

  • Estimated time: E: 3h
  • Group : client

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.