LanTrainer

A react app that lets you enjoy learning while watching your favorite movies. I recommend reading this article to know more about the project.


· Report Bug · Request Feature

Table of Contents

1. About The Project
   • Main Features
   • Built With
2. Getting Started
3. Contributing
4. Roadmap
5. License
6. Contact

About The Project

langtrainer.mp4

1. First in the navigation click on the player link
2. Select the movie or a video that you have rights to (CC, public domain movies) with 3 subtitles files in vtt format (the main subtitle running on the video player, and the other two are running as chapters).
3. Watch the movie with real time translation of the 3 selected languages.
4. When you came across a quote that you don't understand in one of click the plus button to save the quote in 3 languages so you can access it later.
5. To see all saved quotes on the navbar click on home and choose a movie and here they are.
6. If you saved a quote by mistake, no problem you can select the quotes a menu will appear and you can delete them.
7. And finally you can test yourself by selecting some quotes and passing a quiz.

Main features

• Watch your favorite movie with 3 subtitles at the same time.
• Add quotes and store them in local storage.
• Delete quotes after selecting them.
• Test yourself after selecting quotes.

(back to top)

Built With

• React
• Vite
• TailwindCSS
• DaisyUI
• Capacitor.js

(back to top)

Getting Started

1. Clone the repository

 git clone https://github.com/youssef-imlyhen/lantrainer.git

2. Install the dependencies

 cd LanTrainer
 npm i

3. Run the app

 npm run dev

4. Open your browser at localhost:3000 .

(back to top)

Architecture

Contributing

This project is not ready for use yet, so any help is greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Roadmap

• rethink and redesign the app and the sub-apps (data structure...)
• refactor the project (remove console.logs, remove commented code…)
• update the file structure(separate the apps)
• use the capacitor file system plugin for the mobile app instead of the browser file API
• set up the project with TAURI or Electronj.s
• choose the languages for the quiz
• add some sort of grouping and score system to groups (crud groups, and status ))
• integrate word lists (most used 1000 words in French and English)
• search throw quotes and groups
• add srt support
• update the select feature to choose subtitles one by one

License

Distributed under the MIT License.

(back to top)

Contact

Project Link: https://github.com/youssef-imlyhen/lantrainer.git
Linkedin: https://linkedin.com/in/youssef-imlyhen

(back to top)