프로젝트 기획서

핵심 아이디어 - EGGGG(Egg GongGu)

기획 배경

타겟 유저

• 1인 가구

• 공동 구매를 통해 소량의 식재료를 저렴하게 구매하고 싶은 소비자

핵심 기능

서비스 흐름도

디자인 시안 및 레퍼런스

기능

• 프론트는 반응형으로 구현되어야 합니다.

• SPA 형태로 만들어주세요.

• 엉뚱한 페이지에 접속하면 404 페이지를 보여주세요.

• 사용자는 회원가입과 로그인을 할 수 있습니다.

• 글쓰기, 채널 목록, 채널 내 글 목록

• 인증된 사용자는 채널에 올라온 글을 볼 수 있습니다.

• 인증된 사용자는 채널에 포스트를 남길 수 있습니다.

• 사용자는 채널에 올라온 글을 볼 수 있습니다.

• 인증된 사용자는 포스트를 좋아요 할 수 있습니다.

• 인증된 사용자는 포스트에 댓글을 남길 수 있습니다.

• 사용자는 가입자를 이름으로 검색을 할 수 있습니다.(가입자의 정보 검색)

• 사용자는 가입자의 정보를 볼 수 있습니다.

• 사용자는 포스트 혹은 가입자를 검색할 수 있습니다.(게시글 내용을 제목or가입자명으로 검색)

• 인증된 사용자는 자신의 정보를 변경할 수 있습니다.

• 인증된 사용자는 자신의 알림 목록을 확인 할 수 있습니다.

• 인증된 사용자는 다른 가입자에게 메시지를 보낼 수 있습니다.

• 인증된 사용자는 자신에게 온 메시지 목록을 확인 할 수 있습니다.

• 인증된 사용자는 특정 사용자와의 메시지 대화 내역을 확인 할 수 있습니다.

기술 스택

• 협업툴 : 노션, 슬랙, 디스코드

• Linter : Eslint

• Bundler : webpack

• Style : SCSS

• Framework : Vue3

• Plugin : vuex, vue-router

상태정보

• 헤더
1. userInfo(Object)
2. Notification(array(object))

• 게시판
• 검색
1. keyword(text-input,v-model, String)
• 필터
1. filterKeyword(select-input,v-model,String, filter)
• 게시글 목록
1. postList(Array)
2. filteredList(Array.filter) - 추후 논의

• 게시글
• Post(Object)

{
  "likes": Like[],
  "comments": Comment[],
  "_id": String,
	"image": Optional<String>,
	"imagePublicId": Optional<String>,
  "title": String,
  "channel": Channel,
  "author": User,
  "createdAt": String,
  "updatedAt": String
}

1. userList (Array) : 참여한 사람들
2. foodType(String or Array) - 추후 검색 방식 논의 후 변경
3. foodStore(String)
4. foodPhoto(String)
5. isFulled (Boolean) : 인원이 다 찼는지 여부

• 로그인(모달)
1. userEmail(String)
2. userPassword(String)

• 회원가입
1. userEmail(String)
2. userInfo(Object)
• userName
• nickName
• phone
• location
• 커버이미지 or 프로필이미지
3. userPassword(String)
4. userPasswordConfirm(String)

• 메세지 보내기
1. message
2. receiver

• 메세지 함
1. Conversation(Array) :소통 유저 목록
2. userId(String) : 특정 유저
3. Message(Array) : 메세지 목록

• 사용자 간단 정보(작성자, 댓글, 마이페이지 등)
1. userInfo(Object)
• grade : 유저 등급
• followingList(Array) : 내가 팔로우 하고 있는 유저
• followerList(Array) : 나를 팔로우 하고 있는 유저

배포링크