te1m0z / language-learning-player

Learn a foreign language using a player with translated subtitles

Language Learning Player

Language Learning Player is an innovative tool designed to change the way we learn languages through video. This project uses technology to help language learners improve their vocabulary, listening and comprehension by watching their favorite videos.

Stacks & Tools

Table of Contents

• Motivation
• Features
• Development

Motivation

When I started learning a foreign language, I did not find a service that would help me learn it. I wanted to watch educational courses and movies that were stored on my computer. As a result, I created a web application.

Features

Language Learning Player offers a range of designed features with the language learner in mind:

• Opening local files: Opens local files that are stored on your computer.
• Translation of a single word: When you hover the mouse over the desired word, it is translated into the selected language.
• Translation of the phrase: When you click on the subtitle line, the entire phrase is translated. This helps to understand the translation in context.
• Multi-language support (ISO 639): Support for many languages to help people from different countries learn a foreign language.

Development

Development Next.js

If you want to start in development mode, and watch for changes, run:

npm run dev

Build Next.js

If you want to build for production, run:

npm run build

Preview Next.js

If you want to preview production builds, run:

npm start

End-to-end tests

If you want to run e2e tests, run:

npm run test

Lint

If you want to run linting, run:

npm run lint

Check types

If you want check types, run:

npm run check-types