Skip to content

ratmirslv/language-learning-player

Repository files navigation

Language Learning Player

Language Learning Player

Production Deployment

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

nextjs logo react logo TypeScript logo Zustand logo Mantine logo ES Lint logo Playwright logo

Table of Contents

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

Releases

No releases published

Packages

No packages published