Welcome to the Subtitle Decoder App! This project is built using Vue.js and Vuetify, providing a user-friendly interface for decoding and re-encoding subtitle files.
- Upload Subtitle File: Supports various subtitle file formats.
- Select Decoder: Choose from multiple text decoders.
- Save Subtitle File: Save the decoded subtitles in your preferred file format.
- Vue.js & Vuetify: Leverages the power of Vue.js and the elegance of Vuetify for a smooth user experience.
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
Make sure you have the following installed:
- 🟢 Node.js
- 📦 npm (Node package manager)
- 🌐 Vue CLI
- Clone the repository:
git clone https://github.com/Yasser5711/arsubdecoder.git
cd arsubdecoder- Install the dependencies:
npm installTo start the development server, run:
npm run serveOpen your browser and navigate to http://localhost:3000 to see the app in action.
You can also run the app using Docker. Follow the steps below to set up and run the app in a Docker container.
Make sure you have the following installed:
- 🐳 Docker
- Build the Docker image:
docker build -t subtitle-decoder-app .- Run the Docker container:
docker run -p 3000:3000 subtitle-decoder-appOpen your browser and navigate to http://localhost:3000 to see the app in action.
- Upload Subtitle File: Click on the "Upload" button and select your subtitle file (supported extensions:
.srt,.sub,.vtt, etc.). - Choose Decoder: Select the desired text decoder from the dropdown menu.
- Decode: The app will process the subtitle file using the selected decoder.
- Save File: Choose the format in which you want to save the decoded subtitles and click "Save".
The app is deployed and can be accessed directly. Visit the live app at: Subtitle Decoder App
To build the app for production, run:
npm run buildThe output will be in the dist/ directory.
Yasser Mekhfi - YasMek@yassermekhfi.com