유저 시나리오 및 백로그 - masters2023-project-team05-second-hand/second-hand-max-fe GitHub Wiki

요구사항 분석 및 백로그 작성

https://graceful-dracorex-565.notion.site/04b74ff45b0f402b9a7edf5b80a99383?v=69dfbf952209408d951f5b0fdabbcf59&pvs=4

매주차 주차별 목표 및 마일스톤 생성

https://github.com/masters2023-project-team05-second-hand/second-hand-max-fe/milestones

유저 플로우

회원가입 - OAuth - 위치

(로그인 했다고 가정할 시)

  1. 홈 화면 페이지 / (동네)
    • 사용자는 중고 물품 목록을 확인할 수 있다
      • 중고 상품은 스크롤 단위로 10개씩 불러 온다
      • 각 상품을 누르면 해당 상품의 상세 페이지로 이동한다
      • 우측 하단 FAB 버튼을 누르면 상품 등록 페이지로 이동한다
    • 좌측 상단 동네 버튼 / (구, 구id) (동네 이름, 동네 id)
      • 동네 설정 버튼을 누르면 동네를 재설정 할 수 있다
      • 동네는 최소 1개, 최대 2개 설정 가능하다
      • 닫기 버튼을 누르면 선택한 동네의 거래 품목을 홈 화면에 불러 온다
    • 우측 상단 카테고리 (카테고리 id, 카테고리 이름)
      • 카테고리 화면은 애니메이션과 함께 나타난다
      • 뒤로가기 버튼을 누르면 홈 화면으로 돌아간다
      • 각 카테고리를 누르면 홈 화면에서 해당 카테고리 목록만 보여 준다 (토글 버튼)
  2. 상품 등록 페이지
    • 좌측 상단 닫기 버튼을 누르면 홈 화면으로 돌아간다
    • 필수 항목(제목, 사진, 카테고리, 내용, 동네) 설정 후 완료 버튼이 활성화 된다
    • 가격은 선택 사항이며, 설정하지 않으면 ‘가격 없음’으로 설정된다
    • 완료 버튼을 누르면 등록 상품의 상세 페이지로 이동한다
  3. 상품 상세 페이지 (판매자)
    • 좌측 상단의 뒤로가기 버튼을 누르면 홈 화면으로 이동한다
    • 우측 상단의 더보기 버튼을 누르면 게시글을 수정하거나 삭제할 수 있다
    • 좌측 하단의 하트 아이콘(토글)을 누르면 관심상품으로 설정/해제 할 수 있다
    • 우측 하단의 대화 중인 채팅방(카운터) 버튼을 누르면 관련 채팅방을 볼 수 있다
    • 이미지 하단에서 등록된 이미지의 개수, 현재 이미지의 순서를 볼 수 있다
    • 이미지 아래에서 상품 상태를 변경할 수 있는 버튼이 있다
  4. 상품 상세 페이지 (구매자)
    • 우측 상단 더보기 버튼, 상품 상태 변경 버튼이 없다
    • 우측 하단 채팅 하기 버튼을 누르면 판매자에게 연락할 수 있는 채팅 상세 화면으로 이동한다
    • 첫 메세지를 보내기 전에는 채팅방이 실제로 생성되지 않는다
  5. 판매내역 페이지
    • 현재 사용자가 판매중인 상품 목록을 보여 준다
    • 화면 상단에서 전체, 판매 중(예약중 포함), 판매 완료 상태를 선택해서 확인할 수 있다
    • 각 상품 우측에 더보기 버튼을 누르면 게시글 또는 상태를 수정할 수 있다
    • 특정 상품을 누르면 해당 상세 페이지로 이동한다
  6. 관심상품 페이지
    • 현재 사용자가 관심중인 상품 목록을 보여 준다
    • 화면 상단에 관심중인 상품들의 카테고리 목록이 탭으로 나타난다
    • 특정 상품을 누르면 해당 상품 상세 페이지로 이동한다
  7. 채팅 페이지 (목록)
    • 사용자가 채팅 중인 목록을 볼 수 있다
    • 메세지를 확인하지 않았다면, 남은 메세지의 갯수를 표시한다
    • 특정 채팅방을 누르면 해당 상세 채팅 페이지로 이동한다
  8. 채팅 상세 페이지
    • 좌측 상단의 뒤로가기 버튼을 누르면 채팅 목록 페이지로 이동한다
    • 우측 상단의 더보기 버튼을 눌러 알람을 끄거나, 신고하거나(동작X), 채팅방을 나갈 수 있다
    • 상대방의 메세지는 좌측, 사용자의 메세지는 우측에 표시된다
    • 내용을 입력하면 전송 버튼이 활성화되고, 전송 버튼을 누르면 메세지를 전송한다
  9. 내 계정 페이지
    • 로그인
      • 사용자는 기존 아이디로 로그인 할 수 있다
      • 로그인에 성공하면 홈 화면으로 이동한다
      • 회원이 아니라면 회원가입 버튼을 통해 회원가입을 할 수 있다
    • 회원가입
      • 사용자는 아이디, 위치만 등록하면 회원가입이 가능하다 (완료 버튼 활성화)
      • 사용자는 유저 이미지를 추가할 수 있다 (선택 사항)
      • 완료 버튼을 누르면 회원가입에 성공하고, 로그인 화면으로 이동한다
      • 닫기 버튼을 누르면 회원가입을 취소하고, 로그인 화면으로 이동한다

주의사항

  1. 홈 화면
    • 로그인 없이도 사용 가능
      • 카테고리 설정, 물품 목록 확인, 물품 상세 확인
      • 동네는 역삼 1동으로 고정
    • 로그인 없으면 사용 불가능
      • 동네 설정, FAB 버튼
  2. 상품 등록
    • 로그인 필요
    • 사진은 최소 1장, 최대 10장이다
    • 필수 - 제목, 사진, 카테고리, 내용, 동네
    • 선택 - 가격
  3. 상품 상세
    • 로그인 없이도 사용 가능
      • 상품 상세 확인
    • 로그인 없으면 사용 불가능
      • 관심 상품 등록, 채팅 하기
  4. 판매내역
    • 로그인 필요
    • 아무런 내역이 없으면 판매 상품이 없다는 문구 출력
  5. 관심상품
    • 로그인 필요
    • 아무런 내역이 없으면 관심 상품이 없다는 문구 출력
  6. 채팅
    • 로그인 필요
  7. 내 계정
    1. 회원가입 화면
      • 아이디, 지역 설정만으로 회원가입 가능
      • 유저 이미지 선택 기능은 추가 선택 사항
      • 유저 디폴트 이미지 필요
    2. 로그인 화면
      • 아이디만으로 로그인 가능