나만의 작은 설렘

"나만의 작은 설렘 서비스와 함께 독서의 즐거움을 경험해 보세요"

• '나만의 작은 설렘'을 통해, 완독하지 못한 책들을 정리하고 독서 활동을 기록해보세요.
• 서비스와 함께 하면서 아직 읽어보지 못한 책들에 대한 설렘과, 완독 후에 느낄 책에서 오는 즐거움을 쌓아나갈 수 있습니다.

기술 스택

🛠️ 프론트엔드 기술 스택

언어
번들러
라이브러리
패키지
포맷터
배포
협업

✨ 서비스 주요 기능

1. 책을 검색해서 나만의 서재에 등록해보세요!

   • 사용자가 책제목 또는 저자명으로 검색한 책을 나만의 서재에 등록하고, 읽고 싶은 책, 읽고 있는 책, 다 읽은 책으로 구분하여 책을 관리할 수 있어요.

2. 베스트 셀러 및 신간리스트로 책을 추천받을 수 있어요

   • 추천 페이지에서는 알라딘 open api를 통해 이달의 베스트셀러와 신간리스트를 조회할 수 있습니다.

3. 읽고 있는 책의 독서 진행 상황을 기록해보세요!

   • 책을 읽기 시작 날짜, 종료 날짜, 책에 대한 별점, 현재 읽고 있는 페이지 등의 독서 상태를 기록할 수 있습니다.

4. 등록한 메모들을 나만의 작은 책으로 모아볼 수 있어요!

   • 책을 읽으면서 남긴 메모를 특별하게 모아볼 수 있어요. 배경 이미지를 선택해서 메모를 조회할 수 있고, 메모를 이미지 파일로 저장할 수도 있습니다.

5. 독서 통계 페이지에서 나의 독서 상황을 확인해볼 수 있어요!

   • 다 읽은 책을 캘린더 형태로 조회할 수 있고, 등록하고 3개월 이상 읽지 않은 책들을 슬라이더 형태로 조회할 수 있습니다.

6. 명예의 전당페이지에서는 다른 회원의 독서 활동을 구경할 수 있습니다!

   • 다른 회원의 독서활동을 확인하고 다른 회원의 서재를 조회할 수 있어요. 마음에 드는 메모를 발견하면 좋아요를 남겨볼 수도 있습니다.

---

🚀 프로젝트 실행 방법

사전 요구사항

• Node.js (버전 18.12.1)
• npm (버전 8.19.2)

Node.js와 npm 버전을 확인하는 방법은 다음과 같습니다.

$ node -v
v18.12.1

$ npm -v
8.19.2

설치 및 실행

1. 프로젝트를 로컬 환경으로 복제합니다.

git clone https://github.com/Team-Seollem/seollem-fe.git

2. 프로젝트 루트 디렉토리에서 아래 명령어를 입력하여 의존성 패키지를 설치합니다.

$ npm install

3. 프로젝트 루트 디렉토리에 .env 파일을 생성하여 아래와 같이 변수를 설정합니다.

VITE_APP_BASE_URL=https://seollem.link
VITE_APP_GUEST_USER_ID="게스트 계정 이메일"
VITE_APP_GUEST_USER_PASSWORD="게스트 계정 비밀번호"

4. 프로젝트 루트 디렉토리에서 아래 명령어를 입력하여 프로젝트를 실행합니다.

$ npm run dev

---

📝 프로젝트 관련 문서

• ui 프로토타입 - 피그마
• api 문서
• 커밋 컨벤션

🙋‍♂️🙋‍♀️ 프로젝트 팀원 소개

Backend	Backend	Frontend	Frontend
김형섭	김주현	이슬	한성욱