Skip to content

hcheorii/DOCKTORI-client

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

123 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📔 서비스 소개

image

전체 프로젝트 기간 : 2024-6-24 ~ 2024-7-10


DOCKTORI는 독서를 좋아하거나 독서 습관을 들이고 싶은 사람들을 위한 독서 기록 서비스입니다.

  • 사용자는 읽고 있는 책과 읽은 책을 분리하여 관리할 수 있고 기억에 남는 구절과 서평을 남길 수 있습니다.
  • 마음에 드는 도서는 즐겨찾기에 추가하여 나중에 다시 찾아볼 수 있는 서비스를 제공하는 자신만의 서재서비스 입니다.

🛠️ 기술스택

image



페이지별 기능

메인페이지

image image
  • 닉네임 및 목표 설정 기능
  • 독서 현황 확인 기능을 통해 읽는 중인 도서의 개수, 완독한 도서의 개수를 한눈에 확인할 수 있습니다.
  • 읽고 있는 도서와 다 읽은 도서의 일부를 캐러셀 슬라이드 형식으로 확인할 수 있습니다.
  • 도서 검색 및 등록 기능을 통해 알라딘의 API를 호출하여 결과를 받아오고 원하는 도서를 클릭시 나만의 서재에 추가할 수 있습니다.

회원가입

image
  • 첫 페이지에서 시작해보기 버튼을 클릭하여 로그인 화면으로 이동 후 아래의 링크를 통해 이동할 수 있습니다.
  • 회원가입 시 입력받은 데이터를 토대로 유효성 검사를 진행 후 에러가 발생한다면 안내 메시지를 통해 오류가 출력됩니다.
    • 이메일 형식 요구
    • 빈 값이면 안됩니다.
  • 회원가입이 성공한다면 로그인 페이지로 이동합니다.

로그인

image
  • 잘못된 정보를 입력할 경우에 안내메시지를 통해 오류 메시지가 출력됩니다.

로그아웃

image image
  • �사이드바 왼쪽아래의 유저 아이콘을 누르면 나오는 드롭다운 메뉴를 통해서 이루어집니다.
  • 로그아웃 성공시, 로그인 화면으로 이동합니다.

도서 관련 페이지

즐겨찾기 페이지

image - 즐겨찾기 페이지는 좋아요 버튼을 클릭한 도서를 확인할 수 있습니다. - 좋아요 버튼은 각 도서 아이템에 모두 있습니다.

읽고 있는 책 페이지

image
  • 읽고 있는 책 페이지에는 아직 완료 버튼을 클릭하지 않은 읽는 중인 책만 표시됩니다.

다 읽은 책 페이지

image
  • 다 읽은 책 페이지에는 도서 요소에서 완료버튼을 클릭한 요소만 표시하게 됩니다.

도서 상세 페이지

image
  • 시작일, 완료일 수정기능
  • 도서 삭제기능
  • 서평 작성
  • 기억하고 싶은 구절 작성

About

독서 기록 서비스 (독토리)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 99.5%
  • HTML 0.5%