📋 개요1. 프로젝트명2. 프로젝트 기간3. 프로젝트 주제4. 프로젝트 슬로건 5. 개발동기 및 배경6. 프로젝트 스토리보드/시나리오7. 주요 타켓 사용자8. 주요 기능🖌️ 로고 및 색상1. 로고2. 색상
🧑💻 기술 스택✔️요구사항1. 공통 요구사항2. 페이지 별 요구사항🏗️ UI 와이어프레임
📋 개요
1. 프로젝트명
- LUVOOK(러북)
- LOVE + BOOK
2. 프로젝트 기간
- 2022/06/06 ~ 2022/06/22
3. 프로젝트 주제
- 여러 책의 인상깊은 문구를 먼저 보고 취향에 맞는 책을 고를 수 있는 도서 추천 서비스
4. 프로젝트 슬로건
- 지금 당신에게 필요한 책, <러북>
5. 개발동기 및 배경
- 우리는 보통 책을 검색할 때 책 제목을 검색한다. 하지만 어떤 내용의 책을 읽고는 싶지만 특정한 책을 고르기 힘들다면? <러북>은 유저들끼리 책의 ‘문구’를 통해 책을 소개한다.
- 사용자들은 문구를 통해 자신이 끌리는 책에 접근할 수 있게 된다. 그리고 책 소개 게시물을 통해 다른 사람들과 생각을 공유할 수도 있다. 그 과정에서 자신이 관심없던 분야에 흥미가 생길 수도 있고 평소 책을 가까이 하지 않았던 사람도 독서에 흥미가 생길 수도 있다.
- <러북>은 평소 책에 관심은 있지만 어떤 책을 읽으면 좋을지 모르던 사람, 다른 분야에 대한 책을 읽어보고 싶은 사람, 또 서로 흥미있는 분야에 대해 의미있는 대화를 나누어보고 싶은 사람들 모두에게 도움을 줄 수 있는 독서 커뮤니케이션 앱이 될 것이다.
6. 프로젝트 스토리보드/시나리오
지금 나에게 필요한 책을 찾는 것은 쉽지 않다. 하지만 책에서 인상깊은 문구, 구절을 알고 있다면 나에게 필요한 책을 찾을 수 있지 않을까? 라는 접근으로 시작한 <러북>은 책의 “문구“를 통해 유저들끼리 책을 소개한다. 사람들은 읽었던 책의 인상깊은 문구를 공유하고, 그 문구를 통해서 필요한 책을 찾고 사람들과 소통을 할 수 있다.
윤상은 취업 준비생이다. 취업을 준비하면서 방향을 잡지 못해 방황을 하던 중, 우연한 기회로 어떤 책을 접했다. 많은 감명을 받은 윤상은 <러북>을 통해 자신과 같은 상황에 놓여있는 다른 사람들과 책을 공유해보려 한다.
희숙은 주부이다. 요즘 요리에 관심이 많은 희숙은 <러북>에서 요리에 대한 카테고리를 보면서 자신이 읽으면 좋을 것 같은 요리책을 찾아보고 있다.
가윤은 고등학생이다. 대입 수시를 준비하면서 틈틈히 독서를 하려고 한다. 가윤은 <러북>을 통해 평소 들어만 봤던 책, 읽으면 좋을 것 같던 책을 찾아보고 사람들의 댓글을 읽어보고 있다. 가윤은 감명 깊은 문구가 있는 책을 발견하고 싶다.
영수는 최근 인간 관계에 대해서 상처를 많이 받았다. 영수는 <러북>을 통해 게시물을 보던 중에 마음을 치유하는 어떤 문구를 발견했다. 영수는 그 책을 구매해서 보려고한다.
이처럼 <러북>은 책을 좋아하고 다양한 이유로 책을 찾아보는 모든 사람들에게 도움을 줄 수 있을 것이다.
7. 주요 타켓 사용자
- 평소 책에 관심은 있지만 어떤 책을 읽으면 좋을지 모르던 사람
- 다른 분야에 대한 책을 읽어보고 싶은 사람
- 서로 흥미있는 분야에 대해 의미있는 대화를 나누어보고 싶은 사람
- 자신이 읽은 책을 공유하고 싶은 사람
8. 주요 기능
- 책에서 인상깊은 문구를 추천하고 책을 소개하는 게시글을 작성할 수 있다.
- 책의 제목 뿐만 아니라 문구로 게시글을 검색 할 수 있다.
- 여러 게시글에서 좋아요, 댓글을 남길 수 있다.
- 카테고리(소설/시/기술)로 게시글의 성격을 구분할 수 있다.
- 내가 작성한 게시글 혹은 찜한 게시글을 볼 수 있다.
🖌️ 로고 및 색상
1. 로고
2. 색상
🧑💻 기술 스택
- 언어: JavaScript
- 라이브러리: React
- 상태관리: Context API
- UI 스타일링: emotion
- 협업툴: git, Notion, Slack
✔️요구사항
1. 공통 요구사항
필수
- 사용자는 회원가입과 로그인을 할 수 있습니다.
- 사용자는 채널에 올라온 글을 볼 수 있습니다.
- 사용자는 가입자 목록을 볼 수 있습니다.
- 사용자는 가입자를 이름으로 검색을 할 수 있습니다.
- 사용자는 가입자의 정보를 볼 수 있습니다.
- 사용자는 포스트 혹은 가입자를 검색할 수 있습니다.
- 인증된 사용자는 자신의 정보를 변경할 수 있습니다.
- 인증된 사용자는 채널에 올라온 글을 볼 수 있습니다.
- 인증된 사용자는 채널에 포스트를 남길 수 있습니다.
- 인증된 사용자는 포스트를 좋아요 할 수 있습니다.
- 인증된 사용자는 포스트에 댓글을 남길 수 있습니다.
- 인증된 사용자는 자신의 알림 목록을 확인 할 수 있습니다.
- SPA 형태로 만들어주세요.
- 엉뚱한 페이지에 접속하면 404 페이지를 보여주세요.
선택
- 사용자는 현재 접속 중인 사용자를 볼 수 있습니다.
- 인증된 사용자는 다른 가입자에게 메시지를 보낼 수 있습니다.
- 인증된 사용자는 자신에게 온 메시지 목록을 확인 할 수 있습니다.
- 인증된 사용자는 특정 사용자와의 메시지 대화 내역을 확인 할 수 있습니다.
- 인증된 사용자는 프로필 이미지 변경 및 포스트를 작성할 때 이미지를 첨부할 수 있습니다. 파일 업로드를 구현해보세요.
- 다크 모드를 적용해보세요.
2. 페이지 별 요구사항
메인 페이지
- 사용자는 로고를 클릭하면 메인 페이지로 이동한다.
- 사용자는 임의로 추천된 책의 문구를 확인할 수 있다.
- 사용자는 모든 게시물을 검색 할 수 있다.
- 사용자는 모든 게시물을 확인 할 수 있다.
- 사용자는 게시물을 클릭하면 게시물의 상세 모달을 볼 수 있다.
- 인증된 사용자는 새 게시물을 추가할 수 있다.
- 인증된 사용자는 헤더에서 자신의 알림, 프로필을 확인 할 수 있다.
게시글 상세 모달
- 사용자는 게시물 내용을 모두 확인할 수 있다.
- 인증된 사용자는 게시물에 댓글을 달 수 있다.
- 인증된 사용자는 게시물에 좋아요를 누를 수 있다.
- 게시물을 작성한 사람이 본인이라면 수정/삭제를 할 수 있다.
사용자 검색 모달
- 사용자는 다른 유저(가입자)를 검색할 수 있다.
- 사용자는 모달에서 검색 결과를 확인할 수 있다.
- 사용자는 다른 유저를 클릭하여 유저 정보 페이지로 이동할 수 있다.
로그인 페이지
- 사용자는 로고를 확인할 수 있다.
- 로고를 클릭하면 메인 페이지로 이동할 수 있다.
- 사용자는 아이디를 입력할 수 있다.
- 사용자는 비밀번호를 입력할 수 있다.
- 사용자는 로그인 버튼을 클릭하면 로그인 후 메인 페이지로 이동할 수 있다.
- 사용자는 회원가입 버튼을 클릭하여 회원가입 페이지로 이동할 수 있다.
회원가입 페이지
- 사용자는 좋아하는 문구를 입력할 수 있다.
- 사용자는 email, password, password 확인, name을 입력해야 한다.
- 사용자는 회원가입 버튼을 클릭하여 가입한다.
- 사용자는 가입 후 로그인 페이지로 이동한다.
사용자 정보 페이지
- 모든 사용자는 다른 사용자 페이지에 접근 가능하다.
- 모든 사용자는 해당 유저가 좋아하는 문구를 확인할 수 있다.
- 모든 사용자는 해당 유저가 작성한 게시물과 좋아요 한 게시물을 볼 수 있다.
- 인증된 사용자는 본인의 회원 정보를 수정할 수 있다.