https://github.com/rustammdev/manga-ocr-frontend
Web UI for the manga-ocr pipeline — upload manga/manhwa chapters, run OCR + translation, and review cleaned results. Vite + TypeScript + Tailwind.
https://github.com/rustammdev/manga-ocr-frontend
frontend manga manhwa ocr tailwindcss translation typescript vite
Last synced: 28 days ago
JSON representation
Web UI for the manga-ocr pipeline — upload manga/manhwa chapters, run OCR + translation, and review cleaned results. Vite + TypeScript + Tailwind.
- Host: GitHub
- URL: https://github.com/rustammdev/manga-ocr-frontend
- Owner: rustammdev
- Created: 2026-02-22T07:19:33.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2026-06-14T09:36:51.000Z (about 1 month ago)
- Last Synced: 2026-06-14T11:21:38.251Z (about 1 month ago)
- Topics: frontend, manga, manhwa, ocr, tailwindcss, translation, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 23.3 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# manga-ocr-frontend
> Web UI for the [manga-ocr](https://github.com/rustammdev/manga-ocr) pipeline — upload manga/manhwa pages, run OCR + translation, and review results.
The frontend pairs with the Python OCR & translation pipeline. It provides a dashboard-style UI for managing projects, browsing chapters, previewing results, and inspecting cleaned/translated pages.
## Features
- **Project dashboard** — folder view with drag-and-drop uploads
- **Chapter browser** — navigate manga series → chapters → pages
- **Results preview** — side-by-side original / cleaned / translated output
- **Dark admin theme** — custom panel with inline edit and confirmations
- **Modal-driven workflow** — compact UX for multi-step operations
## Stack
- **Vite** + **TypeScript**
- **Tailwind CSS**
- Connects to the `manga-ocr` backend
## Getting started
```bash
yarn install
yarn dev
```
Dev server runs on the port configured in `vite.config.ts`.
### Build
```bash
yarn build
yarn preview
```
## Project layout
```
src/
├── components/ # UI components (dashboard, modals, previews)
├── pages/ # Routed views
└── main.tsx # Entry
```
## Related
- [`manga-ocr`](https://github.com/rustammdev/manga-ocr) — Python OCR + translation pipeline (Japanese/Korean → Uzbek)