화면 구성 및 주요 기능 - UniverseStop/FE GitHub Wiki

소개 페이지

시연 영상 페이지 소개
소개페이지

- 랜덤으로 10개의 게시물 미리보기가 가능합니다.

- 게시물을 선택하면 해당 게시물의 상세 페이지도 이동합니다.

로그인 페이지

시연 영상 페이지 소개
로그인페이지

- 로그인은 카카오톡 로그인만 지원됩니다.

- 처음 로그인 시에는 관심사, 닉네임, 나이, 성별 정보를 입력해야 합니다.

메인 페이지 (검색, 필터, 무한스크롤)

시연 영상 페이지 소개
로그인페이지

- 메인페이지에서 검색 버튼을 이용해 게시글 검색을 할 수 있습니다.

- 날짜필터, 위치필터 , 카테고리 필터를 이용해 필터가 적용된 게시글 목록을 볼 수 있습니다.

- 무한스크롤로 되어있어 따로 페이지를 넘길 필요가 없이 많은 게시글을 볼 수 있습니다.

게시글작성

시연 영상 페이지 소개
아키텍처

- 메인페이지 하단의 네비게이션 바를 이용하여 게시글을 작성 할 수 있습니다.

- 카테고리, 사진, 제목, 상세내용, 모임 제한 인원, 모임 날짜 시간, 모임 위치를 넣어 게시글을 작성 할 수 있습니다.

- 최대 3장까지 이미지 첨부가 가능하며 첨부된 이미지를 클릭하여 취소 할 수 있습니다.

- 지도 안의 장소검색을 이용해 만남을 희망하는 장소를 확인하여 글을 작성 할 수 있습니다..

마이페이지, 수정

시연 영상 페이지 소개
아키텍처

- 최근에 내가 쓴 게시글 리스트를 확인할 수 있으며 클릭 시 게시글로 이동됩니다

- 계정 ID와 지금 있는 페이지의 ID가 일치하면 수정버튼이, 다르면 신고버튼이 활성화됩니다.

- 계정 수정시 유효한 형식 및 중복 검사를 통과하지 못하면 하단에 경고 메시지와 함께 버튼 클릭시 경고알람이 뜹니다.

- 수정이 완료된 뒤 마이페이지로 이동됩니다.

채팅

시연 영상 페이지 소개
아키텍처

- 게시글에서 참가 신청을 한 뒤, 작성자가 수락을 누르면 채팅방에 초대가 됩니다.

- 웹 소켓을 통한 실시간 메시지 전송 및 수신이 가능하며, 메시지를 입력했을 시 전송 버튼이 활성화됩니다.

- 채팅방에서 좌측 상단의 '채팅방나가기' 버튼을 통해 채팅 목록 페이지로 이동할 수 있습니다.

관리자페이지-사용자 통계

페이지사진 관리자페이지
페이지소개

- 관리자 페이지는 관리자 권한을 가진 유저만 볼 수 있습니다

- 좌측 상단의 도넛 그래프는 회원가입한 유저들의 나이대, 성별, 관심카테고리 비율을 볼 수 있습니다.

- 우측상단의 막대 그래프는 일별 누적방문수, 주간 방문수, 페이지의 총 방문수를 확인 할 수 있습니다.

- 하단의 지도는 유저들이 작성한 게시글의 만남희망 위치를 전국 단위로 볼 수 있습니다.

관리자페이지-사용자 관리

시연 영상 관리자페이지
페이지소개

- 전체 사용자 목록을 관리할 수 있습니다.

- 특정 사용자를 선택해 차단하거나 구제할 수 있습니다.

<일반 사용자>

- 사용자를 선택하면 상세 정보 확인이 가능합니다.

- 신고된 목록 또한 확인 되며 관리자가 해당 내용 확인 후 차단할 수 있습니다.

<차단 사용자>

- 차단된 사용자를 선택하면 상세 정보 확인이 가능합니다.

- 사용자가 구제 신청한 경우 사유 확인 후 구제될 수 있습니다.

관리자페이지-관리자 권한

시연 영상 관리자페이지
페이지소개

- 슈퍼관리자는 일반관리자를 추가하거나 권한을 삭제시킬 수 있습니다.

- 일반관리자는 관리자 추가, 삭제 권한이 없습니다.

- 게시글을 차단 후 다시 복원 시키거나 영구삭제시킬 수 있습니다.

⚠️ **GitHub.com Fallback** ⚠️