Online Photo Editor

A web-based image editor that allows users to upload, edit, and save images with a variety of filters and transformations. This simple and intuitive tool is perfect for quick photo editing, such as adjusting brightness, saturation, grayscale, and inversion, as well as rotating and flipping images.

Features

• Image Upload: Upload an image from your device to the editor.
• Adjustable Filters: Apply and adjust filters like brightness, saturation, grayscale, and inversion.
• Image Rotation: Rotate the image left or right, or flip horizontally/vertically.
• Reset Filters: Quickly reset all applied filters and transformations.
• Save Image: Save the edited image as a downloadable JPEG file.
• User-Friendly Interface: Simple and easy-to-use UI for a seamless editing experience.

Technologies Used

• HTML5: For structuring the editor interface.
• CSS3: For styling and responsiveness.
• JavaScript: For interactivity, image manipulation, and real-time filter adjustments.
• Canvas API: Used to apply filters and transformations to the image before saving.

How It Works

1. Upload Image: Click on the "Choose Image" button to select an image from your device.
2. Apply Filters: Choose from a variety of filters (brightness, saturation, grayscale, inversion) and adjust their values using the slider.
3. Apply Transformations: Rotate or flip the image using the corresponding buttons.
4. Reset Filters: Click the reset button to remove all applied filters and reset transformations.
5. Save Image: Once you're satisfied with your edits, click the "Save Image" button to download the final image.

Getting Started

To get started, simply clone or download the repository and open the index.html file in your browser.

git clone https://github.com/yourusername/online-photo-editor.git
cd online-photo-editor
open index.html