1. 요구사항
필수 요구사항
- 프론트는 반응형으로 구현되어야 합니다.
사용자는 회원가입과 로그인을 할 수 있습니다.
- 가입, 로그인, 인증 검사
사용자는 채널에 올라온 글을 볼 수 있습니다.
- 글쓰기, 채널 목록, 채널 내 글 목록
- 인증된 사용자는 채널에 올라온 글을 볼 수 있습니다.
- 인증된 사용자는 채널에 포스트를 남길 수 있습니다.
인증된 사용자는 포스트를 좋아요 할 수 있습니다.
인증된 사용자는 포스트에 댓글을 남길 수 있습니다.
- SPA 형태로 만들어주세요.
- 엉뚱한 페이지에 접속하면 404 페이지를 보여주세요.
선택 요구사항
사용자는 현재 접속 중인 사용자를 볼 수 있습니다.
사용자는 가입자 목록을 볼 수 있습니다.
사용자는 가입자를 이름으로 검색을 할 수 있습니다.(가입자의 정보 검색)
사용자는 가입자의 정보를 볼 수 있습니다.
사용자는 포스트 혹은 가입자를 검색할 수 있습니다.(게시글 내용을 제목or가입자명으로 검색)
인증된 사용자는 자신의 정보를 변경할 수 있습니다.
인증된 사용자는 자신의 알림 목록을 확인 할 수 있습니다.
인증된 사용자는 다른 가입자에게 메시지를 보낼 수 있습니다.
인증된 사용자는 자신에게 온 메시지 목록을 확인 할 수 있습니다.
인증된 사용자는 특정 사용자와의 메시지 대화 내역을 확인 할 수 있습니다.
보너스 요구사항
인증된 사용자는 프로필 이미지 변경 및 포스트를 작성할 때 이미지를 첨부할 수 있습니다. 파일 업로드를 구현해보세요.
다크 모드를 적용해보세요.
WebSocket을 이용하여 다른 사용자의 메시지를 실시간으로 받아보세요.
WebSocket을 이용하여 알림을 받고 알림을 Context와 localStorage로 관리해보세요.
2. 프로젝트 기획
- 핵심 아이디어
- 식재료 공동 구매자 매칭 서비스
- 기획 배경
- 2019년 기준 10가구 중 3가구가 1인 가구인 상황이며, 그 수는 점차 증가하고 있다.
- 이에 따라 소량의 식재료를 구매하고자 하는 소비자의 욕구 역시 증가하고 있으나 소량의 식재료를 구매할 경우, 대량 구매에 비해 가격이 비싸다는 단점이 있다.
- 따라서 1인가구 간 식재료를 공동 구매할 수 있는 플랫폼을 마련하고자 본 프로젝트 "EggShare(가제)"를 기획하였다.
- 타겟 유저
- 1인 가구
- 공동 구매를 통해 소량의 식재료를 저렴하게 구매하고 싶은 소비자
- 핵심 기능
식재료 공유??? 서비스 : 대량 구매 공구 느낌- 식재료 공동 구매를 원하는 사람 모집 및 모집에 참여
- 기술스택
- 서비스 흐름도
- 디자인 - 데스크탑 버전
사용 기술 스택
- 노션, 슬랙,디스코드 활용 협업
- prettier, eslint
- Parcel
- SCSS
- Vue3
- Vuex
- Vue-router
페이지
- 홈
- 게시판