[팀프로젝트 과정] "🐶해피멍생🐾" - 프로젝트 계획 / 와이어프레임 구상

0318

 

🐶 수정 예정입니다 ㅎ_ㅎ

 

반려견 정보 커뮤니티

/ 중고거래 / 병원,약국, 동반카페 정보 

 

 

 

팀원은 저까지 총 5명으로 구성되어있습니다 

 

커뮤니티 게시글 CRUD 

반려견 용품 중고거래

한국문화정보원_전국 반려동물 동반 가능 문화시설 위치 데이터 open api 활용한 반려견 관련 장소 정보 제공

 

1. 프로젝트 개요

1-1. 프로젝트 명

해피멍생🐾 (Happy 'Mung' Life)

• 반려견 커뮤니티

1-2. 프로젝트 설명

반려견에 대한 정보를 나눌 수 있는 커뮤니티

• 이야기 나눌 수 있는 커뮤니티
• 반려견 용품 중고 거래
• 반려견 동반 출입 가능 카페 정보
• 반려견 병원 및 약국 정보

https://www.figma.com/file/rXrTHHxL6SKuHPSX4IuzJA/React-심화-프로젝트---10조?type=whiteboard&node-id=27-202&t=Zy50Ex3WYGt11m3k-0

2. 와이어프레임

https://www.figma.com/file/rZ0h9E7Ugw3uGUr4seUzsY/10조-와이어프레임?type=design&node-id=0-1&mode=design&t=Bx5QuB5mmC1L4Dxe-0

3. 기능

3-1. 기능 목록

• 회원가입 / 로그인 / 로그아웃
• 마이페이지
  • 프로필 수정 (닉네임, 프로필 사진)
  • 스크랩 한 게시물 목록
  • 찜한 거래 물품 목록
• 메인페이지
  • 검색 기능
  • 인기 게시물 보여주기..? 탭들 프리뷰..?
• 유저 커뮤니티
  • 게시물 작성
  • 작성한 게시물 수정 및 삭제
• 상세 페이지 - 유저 커뮤니티 게시물
  • 댓글 작성
  • 댓글 수정 및 삭제
  • 게시물 스크랩 (스크랩 버튼)
  • 게시물 추천 (좋아요 - 엄지 척 버튼)
• 반려견 물품 중고거래/나눔
  • 게시물 작성
  • 작성한 게시물 수정 및 삭제
• 상세 페이지 - 중고 거래 게시물
  • 댓글 작성
  • 댓글 수정 및 삭제
  • 게시물 찜하기 (하트 버튼)
• 반려견 동반 출입 가능 카페
• 반려견 병원/약국

3-2. API 명세

https://www.figma.com/file/rXrTHHxL6SKuHPSX4IuzJA/React-심화-프로젝트---10조?type=whiteboard&node-id=27-202&t=Zy50Ex3WYGt11m3k-0

Figma

•  
• 역할 : 유저 커뮤니티 + 중고거래 상세 페이지 ( + 스크랩 + 좋아요 + 찜 + 마이 페이지에 띄우기 )
• + ..

5. Ground Rule

5-1. 깃허브 커밋 메시지 컨벤션 / 코드 컨벤션 등 약속을 해두었다

+

Issue 작성하기 + Github to-do list 사용하기?

5-3. 개발 환경

• 기본 패키지 관리자 : yarn
• FE 개발 툴 : Next.js (React 기반)
• 전역 상태 관리 라이브러리 : Zustand
• 비동기 로직 라이브러리 : TanStack / React-Query
• CSS : (Tailwind CSS 기반 디자인 시스템)