https://github.com/dnd-side-project/dnd-12th-9-frontend

스부키와 함께하는 독서의 순간 👻
https://github.com/dnd-side-project/dnd-12th-9-frontend

kakaologin ky motion nextjs nextjs15 react react19 tailwindcss tanstack-react-query turborepo typescript

Last synced: 11 months ago
JSON representation

스부키와 함께하는 독서의 순간 👻

• Host: GitHub
• URL: https://github.com/dnd-side-project/dnd-12th-9-frontend
• Owner: dnd-side-project
• License: mit
• Created: 2025-01-15T14:28:57.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-20T14:41:58.000Z (11 months ago)
• Last Synced: 2025-07-20T16:24:09.155Z (11 months ago)
• Topics: kakaologin, ky, motion, nextjs, nextjs15, react, react19, tailwindcss, tanstack-react-query, turborepo, typescript
• Language: TypeScript
• Homepage: https://www.sbooky.net
• Size: 22.8 MB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          
 🏆️ DND 12기 대상 수상 


![표지](https://github.com/user-attachments/assets/7e5d8dae-7e14-4843-9112-78ce63229667)




#  Sbooky 

**유령과 함께 나만의 서재를 채워가는 독서 기록 서비스, 스부키**

[![CI](https://github.com/dnd-side-project/dnd-12th-9-frontend/actions/workflows/preview-web.yaml/badge.svg)](https://github.com/dnd-side-project/dnd-12th-9-frontend/actions/workflows/preview-web.yaml)

 [![Chromatic](https://github.com/dnd-side-project/dnd-12th-9-frontend/actions/workflows/preview-storybook.yaml/badge.svg)](https://github.com/dnd-side-project/dnd-12th-9-frontend/actions/workflows/preview-storybook.yaml)

스부키는 귀여운 유령 캐릭터와 함께 즐겁고 유쾌하게 독서 습관을 만들어갈 수 있도록 동기부여를 제공하는 독서 기록 서비스입니다.  

책을 읽고 기록하는 과정이 부담이 아닌 재미있는 경험이 될 수 있도록, 시각적인 독서 기록, 서재 공유, 보상 시스템 등 다양한 기능을 제공합니다.

[![Instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/sbook_y/)

![서브비주얼](https://github.com/user-attachments/assets/1de6fea1-1b57-4939-8e06-42f4d95768be)

![Solution](https://github.com/user-attachments/assets/87ee4bb4-3162-4062-9fd2-ced8467f10aa)

![UI_addbooks](https://github.com/user-attachments/assets/02cad100-ab33-4e02-9cae-9eba044ce4cc)

![UI_Review](https://github.com/user-attachments/assets/146bedc4-54e1-4761-af48-410848fb4136)

![UI_rewards](https://github.com/user-attachments/assets/d4e7d903-2134-404b-a661-987e7ac29fbc)

![UI_Charator](https://github.com/user-attachments/assets/bc896931-fb47-4cf4-ad9c-26b0b8df6683)

![UI_chractor 2](https://github.com/user-attachments/assets/61e34162-210a-4d7f-b971-8fe8bd225b25)

# 😎 Development Description

- Clarity, GA, Vercel analytics를 이용해 사용자 지표를 수집 및 분석하여 이탈율을 줄이고 사용자 경험을 개선했어요.

- SiteMap, robots.txt와 메타태그를 추가하고 구글 서치 콘솔, 네이버 서치 어드바이저를 이용해 서비스가 검색 엔진에 많이 노출되도록 작업했어요. 

# ⚒️ Tech Stack

![Tech Stack](https://github.com/user-attachments/assets/2a095468-0c4d-4267-97c2-3c0ecc37e61b)

# 🧑🏻‍💻 Developers

개발자|GITHUB|

---|---|

김세빈|https://github.com/keemsebin|

정동환|https://github.com/DongjaJ|