익명을 통하여 질문과 답변을 통해 마음을 열고 대화 나누는 소통 플랫폼

최무현	김성훈	조예진	최유정	박소연

페이지: 랜딩 페이지

공통: 질문하러가기 컴포넌트

기능:

• 로그인(로컬스토리지)
• 다크모드
• BGM
• 좋아요 싫어요 기능
• 로그인 타입 설정 기능

페이지: 피드 페이지, 질문없을때 피드페이지

공통: 프로필 불러오기 및 공유하기버튼 적용, 질답 불러오기, 페이지 디자인

기능:

• 질문 시간 표시

페이지: 답변 페이지

공통: 글로벌 스타일, 피드 무한스크롤 적용

기능:

• 답변 등록, 수정, 삭제, 거절 기능
• 질문 개별 삭제, 전체 삭제 기능
• 답변 등록 여부 표시

페이지 : 모달 창

공통: 피드 무한스크롤 적용, 페이지 디자인

기능:

• 질문 게시 기능 구현
• 모달 밖을 클릭했을 때, 성공적으로 게시했을 시 모달 닫힘 처리
• 내용이 없을 때는 질문 게시 비활성화

페이지: 질문 목록(list) 페이지

공통: Dropdown 버튼

기능:

• 질문 리스트 불러오기
• 최신순/ 이름순 Dropdown 정렬 기능
• 사용자의 로컬스토리 상태에 따른 답변페이지 이동 기능
• 질문 목록 카드 리스트 반응형 적용
• 페이지네이션 기능

• https://3-2open-mind.netlify.app/

Language

CSS

Collabaration tool

Version control

• 새 아이디로 접속, 기존 아이디로 접속을 선택하면 모드에 따라 아이디 선택하여 접속 가능합니다.
• 질문하러가기 버튼 누르면 질문 리스트 페이지로 이동 답변하기 버튼 누르면 해당 아이디 답변창으로 이동합니다.
• Bgm 및 다크, 라이트 모드 설정 기능을 구현 하였습니다.

• 메인페이지에서 리스트 페이지로 접근한 유저는 다른 유저들의 질문 카드를 볼 수 있습니다
• 기본 정렬순서는 최신순이지만, 유저가 드롭다운 버튼을 클릭해 타 유저들의 목록을 이름순, 최신순으로 정렬이 가능합니다.
• 페이지네이션을 구현해 1페이지 단위, 첫 페이지, 마지막 페이지로 이동이 가능합니다
• 원하는 유저의 질문 카드를 클릭해 해당 유저의 질문 페이지로 이동할 수 있습니다.
• 반응형 웹 디자인으로 테블릿, 모바일 등 유저의 사용 기기에 따라 적절히 반응합니다.
• 페이지네이션의 현재 페이지 표시는 귀여운 동물 발바닥으로 수정하였습니다.
• 메인페이지에서 리스트 페이지로 이동 시, 로컬스토리지 ID 유무에 따라 헤더에 닉네임을 표시합니다.

• 리스트 페이지에서 카드를 클릭할때 카드를 클릭한 대상이 받은 질문과 답변들을 카드로 나타냅니다.
• 대상의 질문이 없을시에는 질문없음 컴포넌트로 보여줍니다.
• 피드 페이지 우측 하단에 질문 작성하기를 누를시 대상에게 질문을 작성할 수 있는 모달이 나타납니다.
• 미답변/답변 완료 뱃지로 현재 답변 상태를 보여줍니다.
• 좋아요/싫어요 버튼으로 질문에 대해 감정 표현을 할 수 있습니다.
• 로고를 눌러 메인페이지로 갈 수 있습니다.
• 프로필 아래 링크 복사 버튼을 눌러 클립보드에 현재 링크를 복사할 수 있고, 카카오톡과 페이스북으로 해당 페이지를 공유할 수 있습니다.

• 받은 질문들에 답변을 달거나 답변을 거절할 수 있습니다.
• 답변을 단 후에는 케밥 버튼을 눌러 수정하거나 삭제를 할 수 있습니다.
• 미답변/답변 완료 뱃지로 현재 답변 상태를 보여줍니다.
• 좋아요/싫어요 버튼으로 질문에 대해 감정 표현을 할 수 있습니다.
• 답변 카드에 있는 질문삭제 버튼을 누르면 해당 답변만 삭제되고, 상단에 있는 전체 삭제 버튼을 누르면 받은 질문과 답변들이 전부 삭제되어 피드가 초기화 됩니다.
• 질문하러 가기 버튼을 눌러 질문 목록에 갈 수 있습니다.
• 로고를 눌러 메인페이지로 갈 수 있습니다.
• 프로필 아래 링크 복사 버튼을 눌러 클립보드에 현재 링크를 복사할 수 있고, 카카오톡과 페이스북으로 해당 페이지를 공유할 수 있습니다.