📖 감정 중심의 도서 기록 서비스 [INDEX]

SWYP Web 10기 프로젝트 3팀
기획 및 개발 기간 : 25.6.30 ~ 25.8.10
유지보수 및 고도화 : 25.8.14 ~ 25.8.31

✨ 프로젝트 소개

INDEX는 사용자가 책을 읽으며 느낀 감정을 중심으로 기록하고 공유할 수 있는 감정 기반 독서 기록 서비스입니다. 단순히 책을 저장하는 데 그치지 않고, 읽는 과정에서의 감정과 생각을 함께 남길 수 있도록 설계되었습니다.

내가 읽은 책들을 보기 좋게 정리하고 관리할 수 있습니다.

책을 읽으면서 느낀 감정을 기록하고, 기억을 더욱 풍부하게 보존할 수 있습니다.

다른 사람들이 같은 책을 읽으며 어떤 감정을 주로 느꼈는지 살펴보고 인사이트를 얻을 수 있습니다.

아직 읽어보지 못한 책은 추천 시스템을 통해 새로운 독서를 이어갈 수 있습니다.

INDEX는 책과 감정이 함께 기록되는 공간을 목표로, 개인의 독서 여정을 시각화하고 공유할 수 있도록 돕습니다.

⭐ [INDEX] 이용하기

🚀 주요 기능

👤 회원가입 및 로그인

이메일 및 소셜 로그인(카카오/네이버/구글)으로 간편하게 가입 및 로그인할 수 있습니다.

🔍 검색 기능

도서명, 저자, 감정을 기반으로 원하는 책을 검색할 수 있습니다.

📝 인덱스 등록, 수정, 삭제

읽는 중/다 읽음 상태로 인덱스를 남기고, 수정·삭제할 수 있습니다.

📊 리포트 및 도서 추천 기능

독서 기록을 바탕으로 리포트와 달력을 확인할 수 있으며, 맞춤형 추천 도서도 제공합니다.

🛠 기술스택

프레임워크
언어
스타일링
상태관리
API 통신
패키지 매니저
배포
협업 도구

🗂 프로젝트 구조

📦SWYP-FRONTEND
 ┣ 📂.github                # GitHub 이슈/Pr 템플릿
 ┣ 📂.next                  # Next.js 빌드 산출물
 ┣ 📂.vercel                # Vercel 배포 관련 설정
 ┣ 📂public                 # 폰트 및 아이콘
 ┃ ┣ 📂fonts
 ┃ ┗ 📂icons
 ┣ 📂src
 ┃ ┣ 📂apis                 # API 요청 함수와 관련 설정
 ┃ ┣ 📂app                  # Next.js App Router 기반
 ┃ ┣ 📂components           # 공통 UI 컴포넌트
 ┃ ┣ 📂constants            # 상수 정의
 ┃ ┣ 📂hooks                # 커스텀 훅
 ┃ ┣ 📂lib                  # 라이브러리/헬퍼 함수
 ┃ ┣ 📂stores               # 전역 상태 관리 (Zustand 등)
 ┃ ┗ 📂types                # 전역 타입 정의
 ┣ 📜.env.example
 ┣ 📜.env.local             # 로컬 환경변수 파일
 ┣ 📜.eslintignore
 ┣ 📜.gitignore
 ┣ 📜.prettierignore
 ┣ 📜.prettierrc
 ┣ 📜eslintrc.config.mjs
 ┣ 📜next-env.d.ts
 ┣ 📜next.config.ts
 ┣ 📜package-lock.json
 ┣ 📜package.json
 ┣ 📜postcss.config.js
 ┣ 📜README.md
 ┣ 📜tailwind.config.js
 ┗ 📜tsconfig.json

👑 팀원 소개

PM	UX/UI	UX/UI	FE
정환욱	정다희	채준병	김민희
일정 관리 및 회의 진행 문서화	디자인 시스템 UI/UX 디자인	디자인 시스템 UI/UX 디자인	로그인 및 회원가입 (소셜 로그인) 검색 기능 도서 상세 페이지

FE	BE	BE	BE
최성령	나현오	박영찬	이동주
메인 페이지 인덱스 CRUD 독서 리포트 페이지	책상/책장 API 감정 랭킹, 내 독서 API 추천 도서 API Swagger API 문서화	로컬 로그인/로그아웃 (Spring Security) 독서 상태 관리 (CRUD) 도서 찜, 독서 캘린더, 월별 독서 통계 기능 Swagger API 문서화	DB 설계 및 연동 도서 검색 API 도서 상세 API