https://github.com/viveknaskar/image-enhancer
Professional-grade image enhancement tool built with React & TypeScript
https://github.com/viveknaskar/image-enhancer
image-enhancement react typescript
Last synced: 7 months ago
JSON representation
Professional-grade image enhancement tool built with React & TypeScript
- Host: GitHub
- URL: https://github.com/viveknaskar/image-enhancer
- Owner: viveknaskar
- Created: 2025-02-25T15:35:21.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-02-25T15:39:27.000Z (7 months ago)
- Last Synced: 2025-02-25T16:33:38.081Z (7 months ago)
- Topics: image-enhancement, react, typescript
- Language: TypeScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Image Enhancer Pro
A powerful web-based image enhancement tool built with React and TypeScript that allows users to improve their images with professional-grade filters and adjustments.
## Features
### Basic Adjustments
- **Brightness Control**: Adjust image brightness from 0% to 200%
- **Contrast Enhancement**: Fine-tune contrast levels from 0% to 200%
- **Saturation Control**: Modify color intensity from 0% to 200%### Advanced Enhancement
- **Smart Sharpening**: Professional-grade sharpening using convolution matrices
- **Noise Reduction**: Advanced algorithm for removing image noise while preserving details
- **Blur Effect**: Precise control over image softness (0-10px)### Export Options
- **Quality Control**: Choose export quality (1-100%) for optimal file size
- **Original Resolution**: Maintains original image dimensions
- **Format Support**: Handles various image formats (PNG, JPEG, etc.)## Getting Started
### Prerequisites
- Node.js (v18 or higher)
- npm## Usage
1. **Upload Image**
- Drag and drop an image into the upload area
- Or click "Choose File" to select from your device2. **Apply Enhancements**
- Use the sliders in the right panel to adjust image properties
- Changes are previewed in real-time3. **Export**
- Set your desired export quality
- Click "Download Enhanced Image" to save your work## Technical Details
### Built With
- React 18
- TypeScript
- Tailwind CSS
- Vite
- Lucide React Icons### Key Components
- Real-time image processing
- Canvas-based rendering
- Advanced filtering algorithms
- Drag-and-drop file handling## Performance
The application is optimized for:
- Fast real-time preview updates
- Efficient memory usage
- Smooth user experience
- High-quality output## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.