Skip to content

boostcampwm2025/web22-TalkIt

Repository files navigation

💬 말하면서 배우는 CS 지식 AI 학습 서비스, Talk It

👉 Talk It 서비스 바로가기: https://talk-it-it.duckdns.org/

🖼️ 프로젝트 소개

"CS 면접, 눈으로만 읽고 계신가요? 이제 말하면서 내 것으로 만드세요."

Talk It은 사용자가 CS 개념을 직접 말로 설명하면, AI가 이를 인식하여 평가하고 피드백을 제공하는 학습 플랫폼입니다. 단순한 퀴즈 풀이가 아닌, 꼬리 질문(Deep Dive) 을 통해 실제 면접처럼 깊이 있는 학습을 유도합니다.

💡 기획 배경

  • 눈으로만 보는 공부는 휘발성이 강합니다.
  • 실제 기술 면접에서는 '말로 설명하는 능력'이 가장 중요합니다.
  • 혼자서는 내 답변이 논리적인지, 정확한지 파악하기 어렵습니다.

🎯 핵심 기능

1. 음성 답변 & AI 피드백

사용자가 마이크를 통해 답변하면, 답변 내용을 텍스트로 변환하고 AI가 핵심 키워드 포함 여부논리적 정확성을 분석해 점수를 매깁니다.

답변 녹음 화면 AI 분석 결과 화면
malhagi.gif pideubaeg2.gif
"STT를 통한 음성 인식" "AI 분석 피드백 제공"

2. 학습을 확장하는 '꼬리 질문'

답변이 부족하거나 더 깊은 내용이 필요할 때, AI가 맥락에 맞는 추가 질문(꼬리 질문) 을 생성하여 심층 학습을 유도합니다.

꼬리 질문 생성
kkolijilmun.gif

3. 지식이 쌓이는 시각적 경험 (Gamification)

학습을 완료할 때마다 경험치(XP)를 획득하고, 3D 애니메이션으로 구현된 책이 내 서재에 쌓입니다.

3D 책 쌓기 애니메이션
chaegssahgi2.gif

🔮 Future Roadmap

Talk It은 현재의 핵심 기능에 머무르지 않고, 지속적인 학습 동기 부여와 상호작용을 위해 다음과 같은 기능을 준비 중입니다.

  • 📊 마이페이지 & 학습 분석
    • 누적된 학습 데이터를 시각화하여 나의 성장 그래프를 제공합니다.
    • 과거 답변 다시 듣기 및 재도전 기능을 통해 메타인지 학습을 강화합니다.
  • ⚔️ 1:1 실시간 CS 배틀
    • Socket.io를 활용하여 다른 사용자와 실시간으로 매칭됩니다.
    • 동일한 주제에 대해 답변하고, AI가 판정한 점수로 승패를 겨루는 경쟁 모드입니다.
  • 🏆 업적 & 뱃지 시스템
    • 단순한 레벨업을 넘어, 특정 조건(예: '연속 3일 학습', '배틀 10승') 달성 시 고유 뱃지를 수여합니다.

🛠️ 기술 스택

Category Tech Stack Badges
Common pnpm, TurboRepo, Docker, Nginx, GitHub Actions pnpm TurboRepo Docker
Nginx GitHub Actions
Backend NestJS, Prisma, Redis, Zod, Swagger NestJS Prisma Redis
Zod Swagger
Frontend React, Vite, Tailwind, Three.js, Radix UI, Zustand, TanStack Router, axios React Vite TailwindCSS Three.js
Radix UI Zustand TanStack Router axios
Database MySQL 8.4 (LTS), NCP Object Storage MySQL NCP

👥 팀원 소개

🐋 Web22 해낼 팀

J052 김연신 J174 윤혜정 J180 이다은 J202 이우현

YeonShin
희망 직무: 프론트엔드

hjyoon99
희망 직무: 백엔드

llddang
희망 직무: 프론트엔드

woohyun365
희망 직무: 백엔드

About

말하면서 배우는 CS 지식 AI 학습 서비스

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages