A browser-based Image Editor built using HTML5 Canvas that allows users to upload images and apply real-time filters such as brightness, contrast, saturation, and exposure.
🔗 Deployed Link:image-editor-i9t1pyah6-kimayas-projects.vercel.app
- HTML
- CSS
- JavaScript
- HTML5 Canvas API
- Upload and preview images
- Real-time image editing using sliders
- Supported filters:
- Brightness
- Contrast
- Saturation
- Exposure
- Reset filters to default values
- Download the edited image
- Responsive and lightweight UI
- User uploads an image from their device.
- Image is drawn onto an HTML canvas.
- Slider inputs update filter values in real time.
- Canvas redraws the image with applied filters.
- User can reset filters or download the edited image.
- HTML Canvas rendering
- Image manipulation with
ctx.filter - JavaScript objects for filter configuration
- Event handling and DOM manipulation
- Crop and rotate tools
- Preset filter modes
- Undo / redo functionality
- Mobile-friendly enhancements
Developed as a frontend project to gain hands-on experience with canvas-based image processing and JavaScript event-driven programming.