북파고  _{- 독서모임 SNS 프로젝트 -}

프로젝트 소개

북파고는 회원들이 모여 독서모임을 만들고, 책에 대한 감상을 나누며 성향이 맞는 회원들과 교류할 수 있도록 연결 해주는 앱 프로젝트 입니다.

🌐 Wiki

주요기술

typescript
react-native v0.75
react-query v5.56
react-native-navigation v6.1
react-native-dotenv

react-native-async-storage
react-native-encrypted-storage
react-native-seoul/kakao-login
axios
dayjs
tiptap-editor
react-daum-postcode
react-native-image-picker

주요화면

로그인 인증절차

1. 홈 스크린

1. 홈화면에서는 인기도서 리스트(알라딘 API),
2. 사용자 맞춤 추천 도서(Chat GPT API),
3. 참여자가 많은 독서모임
위 가지 정보를 한눈에 볼 수 있도록 구성하였습니다.

Workflow - Home

2. 책 검색 스크린

네이버 책검색 API를 사용한 책 검색 기능을 구현하였습니다.
책마다 가지고 있는 isbn값을 전달하여 책 상세 페이지로 이동합니다.

Workflow - Search

3. 독서모임 스크린

독서모임을 생성하고, 참여할 수 있는 화면입니다.
최신순과 거리순으로 정렬할 수 있습니다.
태그별 검색기능은 미구현 되었습니다.

Workflow - Edit

4. 프로필 스크린

나와 상대방의 프로필 사진과 자기소개와 같은 프로필 정보를 확인할 수 있는 화면입니다.
즐겨찾기한 책리스트, 팔로우 팔로워 기능과 조회, 참여중인 독서모임에 대해 한눈에 볼 수 있게 구성되었습니다. 또한 설정페이지로 이동할 수 있는 버튼이 위치해 있습니다.

Workflow - Edit
Workflow - Follow

5. 책 상세 스크린

isbn값을 유추할 수 있는 홈, 검색, 프로필 화면의 책 카드 UI를 통해 접근 할 수 있습니다. 책 정보를 조회하고, 즐겨찾기, 리뷰작성과 조회를 할 수 있습니다.

Workflow - Favorites
Workflow - Rating

6. 독서모임 상세 스크린

tiptap에디터로 작성된 독서모임 정보와, 일자 주기를 알 수 있습니다.
독서모임을 모임장과 참여자로 역할이 나뉘어 있으며,
참여자가 신청을 하고 모임장이 수락 또는 거절하는 흐름으로 진행됩니다.

Workflow - Join