While conventional English learning apps mainly focus on flashcards and quiz formats, I believe that learning methods that naturally increase vocabulary while reading actual sentences are more effective. I developed a new dictionary-based English learning app with this approach.
The distinctive feature of this app is that it utilizes German-English dictionaries, allowing English learners to deepen their understanding of English through German. It is equipped with rich dictionary data of 206,875 words and provides an environment where learners can study English expressions while reading German sentences.
To maximize learning effectiveness, I implemented a detailed behavioral analysis system. I record behavioral patterns when learners search for words, such as mouse trajectories, dwell time, and search frequency, and quantitatively evaluate which words they find difficult and how much their understanding has progressed.
In technical implementation, I optimized performance by utilizing TypeScript and Web Workers. I efficiently processed large-capacity dictionary data and built an environment where users can learn comfortably. I also implemented it as a Progressive Web App, enabling continuous learning even in offline environments.
In the learning history function, in addition to basic information such as search frequency, initial search date, and last access date for searched words, I also save detailed analysis data of mouse operations. This allows learners to objectively identify their weaknesses and create efficient review plans.
In actual learning, German text is placed in the practice area, and the English meaning is immediately displayed just by clicking on unknown words. Through this simple operation, vocabulary learning can proceed without interrupting the reading flow.
I also equipped the app with a note function that can manage multiple texts, allowing learners to save German sentences on various topics and track individual learning histories for each. By switching between edit mode and view mode, text preparation and learning can be conducted efficiently.
For data persistence, I use the browser's local storage to accumulate learning data while protecting privacy. Additionally, through the function to export and import learning data in JSON format, data synchronization between multiple devices is also possible.
By using this app, learners can shift paradigms from conventional memorization-centered English learning to practical learning that emphasizes context. Learning English through the medium of German can be expected to have the effect of mutually promoting understanding of both languages. In the future, I plan to support more language pairs and develop this into a multilingual learning platform.