Skip to content

BookTown/BookTown_Front_end

Repository files navigation

BookTown - 책고을

📚 고전문학 그림책 감상과 퀴즈 학습을 결합한 반응형 웹 애플리케이션


📚 소개

책고을은 고전문학을 쉽고 흥미롭게 접할 수 있도록 돕는 AI 기반 반응형 웹 애플리케이션입니다.

  • AI 줄거리 요약, 장면 일러스트 생성, 퀴즈 기능을 통해 고전문학의 심리적 장벽을 낮춥니다.
  • 읽고, 보고, 푸는 방식으로 몰입도 높은 독서 경험을 제공합니다.

🎯 목표

  • 낮은 독서율 개선
    → AI 기술을 활용해 독서 진입장벽 완화

  • 고전문학 접근성 향상
    → 복잡한 문장을 요약하고 시각적으로 표현

  • 인터랙티브 학습 제공
    → 퀴즈 기반의 능동적 콘텐츠 소비 유도
    → 사용자 히스토리 기반의 맞춤형 분석 제공

  • 기기 제약 없는 사용성
    → 반응형 UI/UX로 다양한 환경에서 접근 가능

💻 기능

🏠 홈 화면

소셜 로그인 메인화면 - 랜덤, 인기, 최신순 조회
초기화면 - 소셜로그인 메인화면 - 랜덤, 인기, 최신순 조회

📕 책 관련 기능

책 검색 줄거리 보기 - TTS
책 검색 줄거리 보기 - TTS

💡 퀴즈 관련 기능

퀴즈 - 유형별 풀이 퀴즈 히스토리 랭킹
퀴즈 - 유형별 풀이 퀴즈 히스토리 랭킹

⚙ 마이페이지

설정 - 관심작품 설정 - 프로필 수정 설정 - 원하는 고전 신청하기
설정 - 관심작품 설정 - 프로필 수정 설정 - 원하는 고전 신청하기

Swagger Badge

🛠 UI 설계

image

Figma Badge

⚒ 아키텍처 설계

image

🗂️ ERD

book_apply

📆 프로젝트 기간

image

2025.03 ~ 2025.06

🔧 기술스택

프론트엔드

TypeScript Badge TailwindCSS Badge React Badge Redux Badge

백엔드

Java Badge Spring Boot Badge MySQL Badge Redis Badge

배포

Docker Badge Nginx Badge GitHub Actions Badge

API

OpenAPI Badge Gutenberg Badge GoogleCloud Badge

협업 툴

Notion Badge Github Badge Discord Badge Postman Badge

👯‍♂️ 팀원

🎞 시연 영상

Youtube Badge

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages