🙋 OPENMIND

익명 질문 공유 서비스 "오픈마인드"를 개발하였습니다.

Codeit Sprint FE 12기 - Part2 1팀
배포 URL : https://12-basic-project-team1.netlify.app
Copyright 2024 코드잇 Inc. All rights reserved.

🕰️ 개발기간

24.12.10 - 24.12.24

💫 팀원소개

🔗 이승환	🔗 장호영	🔗 김혜선

🖥️ 프론트엔드 개발 환경

⚒️ 기술 스택

🧑‍🤝‍🧑 협업툴



🧑‍💻 개발 툴

🚀 배포

📍 팀원별 역할 분담

• 페이지별로 역할을 분담하였습니다.

👨‍💻 장호영

• 페이지 : 메인페이지(/), 답변페이지(answer)
• 공통 : 노션 스프린트 기능 설정, 발표
• 기능
  • 메인페이지 : 질문 피드 생성, 로그인 기능(로컬스토리지 사용, id값 저장)
  • 답변페이지 : 답변페이지 불러오기, 답변 생성, 수정, 삭제 기능

👩‍💻 김혜선

• 페이지 : 목록(/list) 페이지, 메인페이지(/), 개별 피드(/post/{id}) 페이지, 답변 페이지(answer)
• 공통 : GlobalStyle 설정, 공용 컴포넌트 스타일 설정, 프로젝트 노션 설정
• 기능
  • 질문자 목록 불러오기, 페이지네이션 기능
  • 최신순/이름순 정렬 기능
  • 사용자에 따른 답변 페이지 이동 기능(로컬스토리지 사용)
  • 목록 페이지 반응형 적용
  • 목록 새로고침, 뒤로가기 버튼시 페이지 번호, 정렬 유지
  • 좋아요, 싫어요 카운트 기능
  • 질문 작성시 데이터 전달 기능
  • 스크롤 감지하여 질문 목록 더 불러오기 기능
  • 답변 등록, 수정, 삭제 기능
  • 답변 거절 기능
  • 메인페이지 이름 중복 불가 기능
  • 404 에러 페이지 작성

🧑‍💻 이승환

• 페이지 : 개별 피드(/post/{id}) 페이지
• 기능
  • 질문 목록 불러오기, SNS 공유 기능
  • 답변, 미답변, 답변 거절 상태 표시 기능
  • 좋아요/싫어요 기능
  • 질문 작성 모달 기능
    
    

🏁 팀 규칙

• 규칙 상세 링크
  • 컨벤션, PR, 데일리스크럼, KPT, 노션, 소통 규칙
    
    

👀 프로젝트 미리보기

1. 메인페이지

• [질문받기] 클릭시 입력한 이름으로 질문 대상이 생성되고 답변을 할 수 있는 페이지로 이동합니다.
• [질문하러가기] 클릭시 이미 생성된 질문 대상 목록 페이지로 이동합니다.
  
  

2. 질문 대상 목록 페이지

• 현재 만들어진 질문 대상들을 최신순, 이름순으로 볼 수 있습니다. (기본값은 최신순)
• 페이지네이션의 이전/다음 버튼은 1~5페이지를 한 세트로 이전/다음 세트로 이동합니다.
• 질문 대상의 받은 질문 개수를 확인 할 수 있고, 질문 대상을 클릭시 질문을 할 수 있는 페이지로 이동합니다.
• [답변하러가기] 클릭시 메인페이지에서 생성한 이름이 있다면 해당 이름의 답변 페이지로 이동합니다.
  
  

3. 질문 페이지

• 현재 페이지를 링크 복사, 카카오톡/페이스북으로 공유할 수 있습니다.
• 질문 생성 날짜와 답변 생성 날짜를 확인 할 수 있습니다.
• 받은 질문의 개수를 확인할 수 있고, 답변 상태를 확인할 수 있습니다.
• 답변에 대한 좋아요/싫어요 개수를 확인할 수 있고 누를 수 있습니다.
• [질문 작성하기] 클릭시 질문을 작성할 수 있는 모달창이 띄워집니다.
  
  

4. 답변 페이지

• 질문에 대한 답변을 생성, 수정, 삭제할 수 있습니다.
• 질문에 대한 답변을 거절할 수 있습니다.