Matt Luo•4mo ago

Language Hopper: language learning based on interactive interlinear translations

This is a translator tool built for language learning. It makes it easier to comprehend foreign languages by splitting the text into individual words, and then displaying a corresponding translation directly below each individual word. You can click each word to show and hide its respective translation. You can also individually hear the pronunciation for each word. It enables language learning based on the "comprehensible input" method. It is particularly useful for Chinese, which is a difficult language for beginners to segment words, predict pronunciations, and increase vocabulary. Each translate session has a dynamic URL, which you can share around (no authentication needed). Rough roadmap: 1) Searchable history of translator form submissions 2) As you click words to show and hide each word's corresponding translation/pronunciation, this show/hide information will persist in the Convex database. That way, when you revisit the translate session's URL, you can resume your studying where you left off. Furthermore, a study partner could hide information on your behalf, and your experience will update in realtime. 3) Ability to watch an embedded YouTube video with (user inputted) captions interlinearized 4) Schedule emails to yourself of this interlinearized study content. Feel free to request features. One interesting Convex-specific thing about this app is that it builds UI components while streaming an AI response. That's how the interlinear experience is able to build itself throughout the stream (as opposed to requiring the end user to watch a loading spinner). I took inspiration from this Stack article: https://stack.convex.dev/ai-chat-with-http-streaming
This is not our main app. We will use Language Hopper to experiment and learn how to code with Convex. Our flagship app is ClarityText.com, a group messaging app for business professionals.
https://www.languagehopper.com e.g. https://www.languagehopper.com/analyze/jd75698kt0jxvr7rqp9h457b1d721w3j

AI Chat with HTTP Streaming

By leveraging HTTP actions with streaming, this chat app balances real-time responsiveness with efficient bandwidth usage. Users receive character-by-...

Language Hopper

Language Hopper makes it easier to read and learn foreign languages by displaying an interactive translation below each individual word. It is language learning based on interactive Interlinear translations enabling comprehensible input.

Language Hopper

Language Hopper makes it easier to read and learn foreign languages by displaying an interactive translation below each individual word. It is language learning based on interactive Interlinear translations enabling comprehensible input.