Image Editor App

Overview

Web app for editing and enhancing images.

Demo: https://davidtalevski.github.io/image-editor/

Note: The upscaling functionalities do not work in the demo.

Installation

npm install
npm run start

Functionalities

• Load Image
• Save Image
• Image Compression
• Crop
• Resize
• Filters
• Brightness
• Contrast
• Action History (Undo Step)
• Flip Image
• Rotate Image

Image Conversion

• Convert Images (PNG, JPG, WebP)

Upscaling

• Upscale (Real-ESRGAN Model)
• Add upscale options

Advanced Features

• Server Image Caching
• Saving and loading a project

To do

• Loading screen when processing actions
• Add options to remove all actions
• Optimization to skip loading images when running history actions
• Update upscale hash when loading is finished
• Fix cancel button in crop and resize
• Fix issues when canvas is empty and no image is loaded
• Add an animation when a new history card is created
• Entering resize mode causes [Violation] 'click' handler took 239ms
• Add logic for selected tab
• Crop or resize are selected even after canceling
• Add css for upscale panel
• Responsiveness
• Add button to remove inactive actions
• Updating filter action while action is inactive is bugged
• Clicking filter slider instead of scrolling it causes issues
• Validate project files when loading
• Transparent images get bugged when flipping