lgrin-byte / whatisthissong Goto Github PK

요구사항

전역 정보 관리 설정하기

• 닉네임
• 몇년도 문제 선택
• 문제 리스트(랜덤 추출된 것)
• 정답 개수
• 답변도 저장(미정)

구현방법 및 예상 동작

• Redux 툴킷 vs useReducer vs Context API 중에 사용하기

요구사항

• 결과페이지 마크업 및 공유하기 버튼 활성화
• api를 사용하여 카카오톡,페이스북,인스타 공유하기

구현방법 및 예상 동작

요구사항

• 플레이어는 가리고 커스텀 버튼을 만들어 연결하기
• 재생, 일시정지,처음부터 듣기 버튼

구현방법 및 예상 동작

• 처음에는 자동재생
• 일시정지버튼을 누르면 재생버튼으로 바뀌고 재생버튼을 누르면 재생으로 바뀐다.
• 처음부터 듣기 버튼을 누르면 처음부터 듣기 가능
• 10초 재생 후 멈추기

특이사항

• 각 노래마다 시작점을 추가해야한다.

요구사항

• 시간이 줄어들면 상태바가 줄어들고 시간이 끝나면 다음 페이지로 이동한다.

구현방법 및 예상 동작

• 현재 남은 시간을 확인할 수 있고 시간이 끝나면 다음 페이지로 넘어간 후 다시 돌아오지 않게 합니다.
• 상단바에서 현재 진행중인 문제 단계와 년도를 표시합니다.

특이사항

• 다음 문제로 넘어간 뒤 뒤로가기 버튼을 누른다면 초기화면으로 가야할지 이전 문제로 가야할지
• 새로고침을 한다면 어떻게 처리할지
• 피그마와 화면의 간격차이 -> 회의 필요

요구사항

구현방법 및 예상 동작

특이사항

요구사항

• 클릭 시 활성화 버튼으로 변경되거나 확대되도록 변경할 예정입니다.

구현방법 및 예상 동작

-닉네임입력, 연도 선택, 답변 작성시 버튼이 확대되면서 활성화상태로 변경됩니다.

요구사항

• 노래 난이도별로
  하 3개 중 5개 상 2개 총 10개의 문제 배열 생성하기
• 영어 노래는 영어로만 기입하도록

구현방법 및 예상 동작

-choice 페이지에서 연도를 고르면 엑셀 csv 데이터를 json으로 변환하여 각 난이도별로 셔플하여 3,5,2개씩 추출하여 하나의 배열로 생성한다.