How To Use (페이지별 기능) - dnd-side-project/dnd-8th-1-frontend GitHub Wiki
- 유저는 소셜 로그인(구글)을 통해 회원 가입 및 로그인이 가능해야 한다.
- 로그인 / 회원가입이 완료 될 경우 메인 페이지로 이동해야 한다.
- 최초 회원가입 된 유저일 경우 회원가입 모달이 보여질 수 있어야 한다.
- 유저는 메인 페이지에서 메인, 콜라보 쉐어, 공연, 후기, 프로필 배너를 모두 확인 할 수 있어야 한다.
- 유저는 로그인하지 않아도 메인 페이지의 배너 들을 확인 할 수 있어야 한다.
- 유저는 각 배너의 게시물 및 버튼 들을 클릭할 경우 해당 section의 페이지로 이동할 수 있어야 한다.
- 유저는 콜라보/쉐어 게시물을 최신 순, 페이지네이션으로 조회할 수 있다.
- 유저는 지역, 유형을 선택하여 필터링 된 게시물을 볼 수 있다.
- 유저는 하단의 플로팅 버튼을 클릭하여 콜라보/쉐어 작성 페이지로 이동할 수 있다.
만나기 글 작성/수정 페이지 (/meet/edit/[meetId])
- 유저는 만나기(콜라보/쉐어) 글을 작성할 수 있다.
- 유저는 게시글의 활동 유형(콜레보/쉐어)를 지정할 수 있다.
- 유저는 게시글의 제목을 작성할 수 있다.
- 유저는 게시글의 모집 유형(댄서/댄스팀)을 지정하고, 인원을 선택할 수 있다.
- 유저는 datepicker을 이용하여 마감일을 지정할 수 있다.
- 유저는 게시글의 지역 유형을 선택할 수 있다.
- 유저는 게시글의 상세 설명을 작성할 수 있다.
- 유저는 게시글의 이미지를 업로드 할 수 있다.
- 유저가 게시글을 수정할 경우, 이전의 내용을 확인할 수 있다.
만나기 글 상세 페이지 (/meet/[meetId])
- 유저는 만나기(콜라보/쉐어) 글을 조회할 수 있다.
- 유저가 해당 게시글 작성자인 경우, 신청자 리스트 페이지로 접근할 수 있다.
- 유저는 해당 게시글의 작성자가 아닌 경우, 만나기 글에 참가 신청을 할 수 있다.
- 유저가 해당 게시글에 신청을 한 경우, 신청을 취소할 수 있다.
- 글의 모집 유형에 맞지 않는 유저가 참가 신청을 할 시, 해당 내용을 모달을 통해 확인할 수 있다.
- 유저는 자신이 작성한 만나기 게시글에 신청 버튼을 누른 사용자들을 확인할 수 있다.
- 유저는 매칭하기 버튼을 클릭하여, 매칭 할 수 있다.
- 유저는 만나기 게시글을 마감 하기 버튼을 클릭하여 게시글을 즉시 마감할 수 있다.
공연 정보 메인 페이지 (/performance)
- 유저가 보는 상단 배너에는 임박한 공연(현재 날짜를 기준으로 가장 가까운 날짜의 공연) 3가지를 보여줄 수 있어야 한다.
- 유저가 보는 공연 정보에 대해서 월별, 일별로 보여줄 수 있어야 한다.
- 유저가 보는 공연 정보 게시물은 지역, 장르 별로 필터링이 가능해야 한다.
- 유저가 볼 수 있는 게시물은 페이지 당 15개 이며 페이지네이션이 가능해야 한다.
- 유저가 플로팅 버튼을 누를 경우 게시글을 작성하는 페이지로 이동할 수 있어야 한다.
- 유저가 해당 게시글을 클릭 할 경우 상세 게시물로 이동할 수 있어야 한다.
- 유저는 댄서나 댄스 팀 이름을 기준으로 올린 게시물 들을 검색할 수 있다.
- 검색 모달이 띄워질 경우 설명이 제공되는 배너가 2초 동안 유지 후 없어 질 수 있어야 한다.
공연 정보 작성 페이지(/performance/edit)
- 프로필을 등록한 유저에 한해서만 게시물을 등록할 수 있다.
- 유저는 공연 제목, 지역, 장르, 장소, 시간 & 날짜, 이미지, 상세 설명 등을 기반 으로 공연 글을 작성할 수 있다.
- 유저가 올릴 수 있는 사진은 2mb 이하여야 한다.
- 상세 설명의 경우 300자 까지 작성이 가능해야 하며 작성한 글자 수를 유저가 확인할 수 있어야 한다.
- 유저가 게시글을 등록할 경우 해당 게시물 페이지로 이동할 수 있어야 한다.
공연 정보 상세 페이지 (/performance/edit/[performanceId])
- 유저는 게시물의 상세 정보 및 게시자 프로필을 확인할 수 있어야 한다.
- 로그인 한 유저는 해당 공연이 종료 될 경우(게시물에 작성했던 예정 공연 날짜가 지났을 경우) 후기를 작성할 수 있다.
- 유저가 작성한 후기일 경우 해당 후기를 삭제할 수 있다.
- 유저는 게시물 내에서 수정 버튼을 누르면 수정 페이지로 이동할 수 있어야 하며 게시물 삭제가 가능해야 한다.
공연 정보 검색 페이지 (/performance/search)
- 유저는 검색한 댄서나 댄스 팀의 게시물을 확인할 수 있다.
- 유저는 마감 된 게시물과 마감되지 않은 게시물 들을 확인할 수 있어야 한다.
프로필 메인 페이지 (/profile/{profileId})
- 유저는 사용자의 프로필을 확인할 수 있다.
- 자신의 프로필인 경우, 프로필 편집 버튼을 클릭하여 프로필 등록/수정 페이지로 이동할 수 있다.
- 자신의 프로필인 경우, 활동 내역 을 클릭하여 활동 내역 페이지로 이동할 수 있다.
- 자신의 프로필인 경우, 탈퇴 를 클릭하여 회원 탈퇴를 할 수 있다.
- 자신의 프로필인 경우, 로그아웃을 클릭하여 로그아웃을 할 수 있다.
프로필 등록/수정 페이지 (/profile/{profileId}/edit)
2023-03-29.5.49.25.mov
⚠️ **GitHub.com Fallback** ⚠️