자체 개발 및 운영
리딩톡 Reading Talk
AI 생성 콘텐츠 기반 영어 리딩 플랫폼
| 구분 | 자체 개발 및 운영토들리에 운영 브랜드 리딩톡 |
|---|---|
| 콘텐츠 축 | 동화(Story) / 단어장(Word) / 회화(Dialogue) / IDC 영상 |
| 동화 | 170권도서관 화면 기준 |
| 회화 | 142개시나리오당 4~6 Turns |
| IDC 영상 | Literacy 1 기준 97편유닛 12 × Week × Day A/B |
| 난이도 | AR 0.5 / 1.0 / 1.5 / 2.0 |
| 프로필 | 계정당 최대 2명 |
| 배포 | 웹(PWA) · iOS · Android |
설계 포인트
- AI 생성기 3종(Storybook AI · Wordbook AI · TalkGen)이 S3에 콘텐츠를 넣고 앱이 소비
- 생성기 산출물은 JSON 매니페스트 + 삽화 · 음성 리소스, DB에는 메타와 URL만
- 동화책은 react-pageflip 기반 좌우 플립, 페이지별 오디오와 한글·영어 토글
- 집중 모드 : 카메라로 읽는 중인지 확인, 진입 시 동의를 받고 거절 가능
- 회화는 턴 단위 롤플레이, 발음 정확도와 유창성을 점수화
- 계정과 학습자를 분리 (로그인 후 프로필 선택)
- Capacitor로 iOS · Android 빌드, next-pwa로 웹 설치 지원
- Firebase로 푸시 발송, 관리자 화면에서 대상 지정
화면
1 / 8
사용 기술
- Next.js 16 + React 19
- TypeScript
- Supabase (Auth · PostgreSQL · RLS)
- AWS S3 / Cloudflare R2
- react-pageflip
- wavesurfer.js
- MediaPipe face_mesh
- Capacitor (iOS · Android)
- next-pwa
- Firebase (푸시)
- zustand
- Playwright · Vitest
- Vercel