Back to Projects
Image Processing App
A full-stack web application for editing images online with real-time processing and high-quality downloads. Users can upload PNG or JPEG images and apply a range of adjustments including brightness, contrast, and saturation modifications, as well as rotation (0-360 degrees) and cropping. The app supports format conversion between PNG and JPEG. All processing happens on the backend using the Sharp library for high-quality output, with real-time preview on the frontend so users can see changes before downloading.
Features
- Image upload supporting PNG and JPEG formats with drag-and-drop interface
- Real-time processing with instant preview of all adjustments before downloading
- Brightness, contrast, and saturation adjustment sliders for fine-tuning images
- Rotation support from 0 to 360 degrees with smooth preview
- Cropping functionality with visual selection area
- Format conversion between PNG and JPEG
- High-quality image download powered by Sharp image processing library on the backend
- Clean, intuitive UI built with React and Shadcn UI components
Tech Stack
ReactTypeScriptShadcn UINode.jsExpressSharp