팀명 : 지은 2팀
팀원 : 윤상준, 박지영, 최용록
핵심 아이디어 - EGGGG(Egg GongGu)
식재료 공동 구매자 매칭 서비스
기획 배경
2021년 기준 10가구 중 3가구가 1인 가구인 상황이며, 그 수는 점차 증가하고 있다. 이에 따라 소량의 식재료를 구매하고자 하는 소비자의 욕구 역시 증가하고 있으나 소량의 식재료를 구매할 경우, 대량 구매에 비해 가격이 비싸다는 단점이 있다. 따라서 1인가구 간 식재료를 공동 구매할 수 있는 플랫폼을 마련하고자 본 프로젝트 "EggShare(가제)"를 기획하였다.
타겟 유저
- 1인 가구
- 공동 구매를 통해 소량의 식재료를 저렴하게 구매하고 싶은 소비자
핵심 기능
식재료 공동 구매를 원하는 사람 모집 및 참여
서비스 흐름도
디자인 시안 및 레퍼런스
기능
- 프론트는 반응형으로 구현되어야 합니다.
- SPA 형태로 만들어주세요.
- 엉뚱한 페이지에 접속하면 404 페이지를 보여주세요.
- 사용자는 회원가입과 로그인을 할 수 있습니다.
- 글쓰기, 채널 목록, 채널 내 글 목록
- 인증된 사용자는 채널에 올라온 글을 볼 수 있습니다.
- 인증된 사용자는 채널에 포스트를 남길 수 있습니다.
- 사용자는 채널에 올라온 글을 볼 수 있습니다.
- 인증된 사용자는 포스트를 좋아요 할 수 있습니다.
- 인증된 사용자는 포스트에 댓글을 남길 수 있습니다.
- 사용자는 가입자를 이름으로 검색을 할 수 있습니다.(가입자의 정보 검색)
- 사용자는 가입자의 정보를 볼 수 있습니다.
- 사용자는 포스트 혹은 가입자를 검색할 수 있습니다.(게시글 내용을 제목or가입자명으로 검색)
- 인증된 사용자는 자신의 정보를 변경할 수 있습니다.
- 인증된 사용자는 자신의 알림 목록을 확인 할 수 있습니다.
- 인증된 사용자는 다른 가입자에게 메시지를 보낼 수 있습니다.
- 인증된 사용자는 자신에게 온 메시지 목록을 확인 할 수 있습니다.
- 인증된 사용자는 특정 사용자와의 메시지 대화 내역을 확인 할 수 있습니다.
기술 스택
- 협업툴 : 노션, 슬랙, 디스코드
- Linter : Eslint
- Bundler : webpack
- Style : SCSS
- Framework : Vue3
- Plugin : vuex, vue-router
상태정보
- 헤더
- userInfo(Object)
- Notification(array(object))
- 게시판
- 검색
- keyword(text-input,v-model, String)
- 필터
- filterKeyword(select-input,v-model,String, filter)
- 게시글 목록
- postList(Array)
- filteredList(Array.filter) - 추후 논의
- 게시글
- Post(Object)
- userList (Array) : 참여한 사람들
- foodType(String or Array) - 추후 검색 방식 논의 후 변경
- foodStore(String)
- foodPhoto(String)
- isFulled (Boolean) : 인원이 다 찼는지 여부
- 로그인(모달)
- userEmail(String)
- userPassword(String)
- 회원가입
- userEmail(String)
- userInfo(Object)
- userName
- nickName
- phone
- location
- 커버이미지 or 프로필이미지
- userPassword(String)
- userPasswordConfirm(String)
- 메세지 보내기
- message
- receiver
- 메세지 함
- Conversation(Array) :소통 유저 목록
- userId(String) : 특정 유저
- Message(Array) : 메세지 목록
- 사용자 간단 정보(작성자, 댓글, 마이페이지 등)
- userInfo(Object)
- grade : 유저 등급
- followingList(Array) : 내가 팔로우 하고 있는 유저
- followerList(Array) : 나를 팔로우 하고 있는 유저