A tool for practicing listening with YouTube videos. You know that feeling when you watch something and think you understood it, but then you try to write it down and realize you didn't catch half of it? That's what this project is for.
📖 中文文檔
Dictation Practice
- Three difficulty levels: beginner shows first letter, intermediate shows length only, advanced is completely blank
- Switching difficulty preserves your input, no need to retype
- Instant accuracy calculation
Playback Control
- Sentence-by-sentence playback with auto-pause at the end
- Loop mode for repeating tricky sentences
Subtitle Interaction
- Click any subtitle to jump to that timestamp
- Subtitles auto-scroll to follow the video
Other Stuff
- Bilingual display (zh-TW, English)
- AI-generated video summaries and chapter highlights
- Share specific sentences with friends to challenge them
- PWA support, installable on mobile
Watch the video, read subtitles, check the summary to understand the content. Click subtitles to jump around, translations available for reference.
Switch to practice mode and start dictation. Pick your difficulty:
- Beginner:
h____(first letter shown) - Intermediate:
_____(length only) - Advanced: type the whole sentence yourself
Found a tough sentence? Share it with friends.
Video list:
Bilingual display:
Multi-language UI:
For implementation details, check these docs:
Tech stack: Next.js 15 (App Router), React 19, Tailwind CSS v4, TanStack Query v5
Testing with Vitest + fast-check for property-based testing.
git clone <repository-url>
npm install
npm run dev
# http://localhost:3500MIT License - Copyright (c) 2025 LingoBitz