Ripple — 영어 섀도잉 · AI 회화

개요

Ripple은 영어 섀도잉, 발음 교정, AI 회화를 이어 주는 학습 웹앱입니다. 문장을 듣고 따라 말하고, 발음을 다듬은 뒤 AI와 대화까지 같은 흐름에서 이어 가도록 설계했습니다.

기술 스택

• 프론트: React 18, Vite, Tailwind CSS, Zustand
• API: Hono on Cloudflare Workers
• 데이터·인증: Cloudflare D1, Kysely, better-auth(Arctic 연동)
• 배포: Cloudflare Pages + Workers

구현 포인트

• PWA(vite-plugin-pwa)로 설치형 경험
• 오디오 생성·관리 스크립트로 콘텐츠 파이프라인 정리
• 인증·세션을 엣지에 두어 글로벌 지연 최소화