English | 简体中文

Imagnifier

An implementation of an anime image amplifier application that integrates Vue 3 + Vite 2 + Vue-Router 4 + Vuex 4 + TailWindCss + TypeScript + ESLint and other frameworks and components.
The backend adopts Flask as the service framework and PyQt as the front-end and back-end host, and uses pre-trained models from Real-ESRGAN for image clarification operations
Next plans: reduce the size of the app to a single page app, add page adaptive effects

Tech stack

• Build tool: Vite 2.x

• Front-end framework: Vue 3.x

• Programming Languages: TypeScript 4.x + JavaScript

• Routing Tools: Vue Router 4.x

• State Management: Vuex 4.x

• UI framework: Element Plus

• CSS Components: TailWindCss / Sass

• Code Specifications: ESLint

• Service and Communication Framework: Flask

• Interface framework: PyQt5

• Neural network framework: PyTorch

• Using model sources: Real-ESRGAN bilibili [waifu2x-chainer](https. //github.com/tsurumeso/waifu2x-chainer)

Demo

Image Selection and Viewing

1.mp4

Image Processing and Results Comparison

2.mp4

Build

npm install

Put the models downloaded from Real-ESRGAN Model Library into the "\BackEnd\experiments\pretrained_models" directory.

npm run dev

npm run build

Acknowledgement

Thanks toelement-plus-vite-starter Help me learn how to build Vue projects from scratch
Thanks toReal-ESRGAN