독서일기, 함께 나누다

독서의 즐거움과 경험을 함께 나누고 지식을 공유하는 커뮤니티 플랫폼

📖 서비스 바로가기

테스트 계정

• 아이디 : test@gmail.com
• 비밀번호 : test123!

👋 Introduce

독서를 즐기고 독후감을 공유하며 다양한 경험을 나눌 수 있는 독서 커뮤니티 플랫폼을 소개합니다.
이 플랫폼은 사용자들이 자신의 독서 활동을 기록하고 다른 이용자들과 공유하는 공간으로 디자인되어 있습니다.

🗓️ 작업기간

2023/11/21 ~ 2023/12/17

⚙️개발 환경 세팅

$ npm install
$ npm run dev

🛠 Tech stacks

🖥️ Frontend

🖥️ Backend

🔍 Feature

Home

메인페이지

Mobile UI

메인페이지

무한 스크롤 메모리스트

• 사용자는 무한 스크롤을 통해 메모 리스트를 편리하게 탐색할 수 있습니다.
• 메모 리스트는 최신순으로 정렬되어 사용자가 새로운 내용을 즉시 확인할 수 있습니다.

캐러셀

• 사용자는 독서 관련 명언을 시각적으로 표현하는 캐러셀을 확인할 수 있습니다.

Timer

기록하기 페이지

Mobile UI

기록하기 페이지	사이드 메뉴

도서별 독서 시간 기록

• 사용자는 독서한 시간을 기록하고, 독서한 도서에 대한 잔디 모양의 히스토그램으로 확인할 수 있습니다.
• 독서한 시간은 시간대별로 색깔을 나누어 표현되어 시각적으로 독서 습관을 확인할 수 있습니다.

Community

글쓰기	게시글

Mobile UI

글쓰기	게시글

글 생성, 수정, 삭제

• 사용자는 웹 애플리케이션을 통해 메모를 생성하고 필요에 따라 수정 또는 삭제할 수 있습니다.
• 글쓰기 화면은 사용자 친화적이며, quill editor를 사용해 강조 기능 및 색 변경 기능 등을 제공하여 다양한 표현이 가능합니다.
• 책 선택 기능을 통해 사용자는 자신이 원하는 책을 선택하고, 해당 책에 대한 독서 메모를 쓸 수 있습니다.

Library

서재	책 검색

Mobile UI

서재	책 검색

도서 검색 및 기록

• 사용자는 원하는 책을 검색하고 독서 리스트(서재)에 추가하거나 삭제할 수 있습니다.
• 검색된 책 정보는 독서 활동을 효과적으로 관리할 수 있습니다

타인의 메모장 및 서재 확인

• 사용자는 다른 사용자의 메모장과 서재를 열람할 수 있습니다.
• 이를 통해 다양한 독서 활동 및 메모 습관을 공유할 수 있습니다.

Login & Signup

회원가입	로그인

Mobile UI

로그인

회원가입, 로그인

• 사용자는 간편한 회원가입 프로세스를 통해 애플리케이션에 가입할 수 있습니다.
• 이미 가입한 사용자는 등록한 이메일과 비밀번호를 사용하여 로그인할 수 있습니다.

EditUser

유저 정보 수정

Mobile UI

유저 정보 수정

유저 정보 변경, 회원탈퇴

• 사용자는 로그인한 상태에서 자신의 닉네임, 프로필 사진 등의 정보를 변경할 수 있습니다.
• 변경된 정보는 즉시 적용되어 사용자는 언제든지 자신의 프로필을 관리할 수 있습니다.
• 사용자는 언제든지 회원탈퇴를 할 수 있으며, 이에 따라 계정 정보와 관련 데이터가 삭제됩니다.