➜ Old React website
Chung Cheuk Hang MichaelJava Web Developer

SRT Subtitle Fixer

Overview
A React and Spring Boot web app deployed on Railway (previously Heroku and Render) for correcting ASS and SRT subtitles.
Project nature: Individual (hobby project)
Year: 2021

Web app URL:
https://blackr1234.github.io/srt-subtitle-fixer-web/

This is a full-stack web project that I did for entertainment purpose (movie watching). Sometimes the ASS or SRT files I download from the Internet have file format issues or multiple subtitle lines that some TV players do not fully support. So I decided to write myself a program that helps correcting ASS and SRT files.

Front-end webpage is deployed on GitHub Pages. It uses React and React Bootstrap.
Back-end web app is deployed on the free Railway cloud (previously Heroku and Render). It uses Spring Boot Starter Web.
The whole project took around 24 ~ 30 hours (excluding layout tweaks).

Functionalities:
 • Automatically convert ASS subtitle format into SRT subtitle format (even if file extension is wrong, it can automatically detect the correct format)
 • Show warning and error logs in the webpage's result section if the SRT file has file format issues
 • Sort subtitles by start time
 • Remove text formatting
 • Correct sequence numbers (start from 1 and increase by 1)
 • Combine multiple-line subtitles into single line
 • Translate between Simplified Chinese and Traditional Chinese
 • Adjust start time and end time (e.g. +500ms for all subtitles, or expand/shrink the whole duration)
 • Show before-and-after text diff (using the text-diff JavaScript library)

Screenshots