💬 익명 문답 커뮤니티, 오픈마인드

배포 URL: https://openmind-team16.netlify.app/
발표자료 URL: https://www.miricanvas.com/v/137ja58
프로젝트 기간: 2024.04.30 ~ 2024.05.17

💫 프로젝트 설명

☝🏻 프로젝트 명 및 선정 이유

OpenMind 오픈마인드
첫 프로젝트임을 감안한 난이도 선정, 요구사항을 기간 내에 모두 충족이 가능한가를 고려해 이 주제로 선택했습니다.

✌🏻 프로젝트 설명

익명으로 서로 질문하고 답할 수 있는 플랫폼입니다.

🧑🏻‍💻 팀원 구성 및 역할 👩🏻‍💻 (Sprint 6기 Part2 16팀)

이번 프로젝트에서 저희는 Ui 파트와 Service 파트로 나누어 진행해보았습니다.

- ui: 보이는 부분, presentational 컴포넌트를 제작합니다.
- service: 로직 부분, container 컴포넌트를 제작합니다.

🛠️ 기술스택

프레임워크 & 패키지

라이브러리

Styling

코드 포매터

협업툴

배포

🍀 기획

https://www.tldraw.com/r/m6QceZ8HuHosZPBnFrdnS?d=v-259.-373.11599.6162.page

프로젝트 진행 절차

1. 프로젝트 목표
2. 기술 기획 목표
   a. 목표: 무엇을 개발할 것인가(어떤 기능, ui)
   b. 기술 스택: 그 목표를 개발하기 위해 무엇이 필요한가
3. 폴더 구조 / 코드 컨벤션
4. 분배
   a. 팀 분배
   b. 작업 단위 분배
5. ui 모델링(컴포넌트화)
6. 프로젝트 관리 / 배포 전략
7. 구현

탄탄한 기획 과정에 긴 시간을 투자해서 오히려 더욱 안정적인 구현이 가능했습니다.

📑 각 페이지 소개

랜딩페이지

• 이름을 입력하면 피드가 생성되면서 답변하기 페이지로 이동합니다.
• 질문하러 가기를 통해 질문을 받는 것이 아닌 질문을 하러 갈 수 있습니다.

질문 목록 페이지

• 답변하기 클릭 시에, 생성된 id가 있으면 답변하기로, 없으면 메인페이지로 이동합니다.
• 답변자의 개별 피드로 이동할 수 있습니다.

개별 피드 페이지

• 질문 작성하기 모달을 통해 질문을 작성할 수 있습니다.
• 피드의 url을 복사해 공유할 수 있습니다.

답변하기 페이지

• 들어온 질문에 대해 답변, 답변 수정, 답변 거절, 답변 삭제, 질문 삭제 등의 행동이 가능합니다.
• 피드 전체를 삭제할 수 있습니다.