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
-
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)
Image Selection and Viewing
1.mp4
Image Processing and Results Comparison
2.mp4
npm install
Put the models downloaded from Real-ESRGAN Model Library into the "\BackEnd\experiments\pretrained_models" directory.
npm run dev
npm run build
Thanks toelement-plus-vite-starter Help me learn how to build Vue projects from scratch
Thanks toReal-ESRGAN