Skip to content

A tool for language learners. Watch YouTube videos with clickable subtitles. A click pauses the video and shows a translation.

License

Notifications You must be signed in to change notification settings

sgalushin/vocab-explorer-frontend

Repository files navigation

Vocab Explorer

A tool for language learners. Watch YouTube videos with clickable subtitles. A click pauses the video and shows a translation. Written in React, Typescript.

Currently, the app works only with videos in German and uses Linguee dictionary.

Demo

Demo GIF

Environment Variables

The following environment variables must be set when running (npm start) or building (npm run build).

Variable Name Example Description
REACT_APP_SUBTITLES_URL https://36czxa52an.execute-api.eu-west-2.amazonaws.com/Prod/ HTTP endpoint that returns subtitles in VTT format. See youtube-subtitle-downloader-in-lambda.
REACT_APP_LANGUAGE nl Language code. Currently supported: nl, de.

License

This project is licensed under the terms of the MIT license. See the LICENSE file.

About

A tool for language learners. Watch YouTube videos with clickable subtitles. A click pauses the video and shows a translation.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published