개요

백엔드 서버에서 받아온 식당 리스트를 보여주며 유저에게 응답을 받는다

요구사항

• 받아온 식당을 하나씩 보여주며 유저에게 응답을 받는다
• nickname이 prop으로 넘어오면 바로 테스트 시작
• 테스트가 끝나면 닉네임과 결과 배열을 백엔드에 전달한다
• 화면에 보여지는 것들
  • 식당 이미지 컴포넌트
    • 좋아요 / 싫어요 버튼
  • 친구 초대하기 버튼
  • 본인 닉네임

디테일

// path
<https://www.cola-bab.com/:uuid>

• 받아온 식당을 하나씩 보여주며 유저에게 응답을 받는다
  • 응답은 좋아요/싫어요를 왼쪽, 오른쪽 스와이프를 통해서 받을 수 있다
  • 추가적인 감정표현은 보류
• nickname이 prop으로 넘어오면 바로 테스트 시작
  • 만약 없으면 nickname지정하는 modal 띄우기
    • 결과보기 버튼을 통해 결과를 볼 수 있다
    • 현재 투표를 진행한 닉네임 목록을 확인할 수 있다
    • 시작하기를 누르면 modal을 닫는다
• 테스트가 끝나면 닉네임과 결과 배열을 백엔드에 전달한다
  • 테스트의 끝나는 기준은 식당 리스트를 끝까지 순회했을 때
  • 성공
    • 결과페이지로 라우팅된다
  • 실패
    • 에러 메세지를 띄우며 현재 페이지가 유지된다
• 공유하기 버튼을 누르면 현재 location.herf를 클립보드에 복사한다