Easy Image Editor

Easy Image Editor is a simple web-based image editor that allows you to apply filters and transformations to your images. The editor is built with React and uses canvas to manipulate images.

Features

  • Apply brightness, saturation, inversion, and grayscale filters
  • Rotate and flip the image
  • Save the edited image

Getting Started

To run Easy Image Editor on your local machine, follow these steps:

  1. Clone the repository: git clone https://github.com/walifile/react-image-editor.git
  2. Navigate to the project directory: cd react-image-editor
  3. Install the dependencies: npm install
  4. Start the development server: npm start
  5. Open http://localhost:3000 in your browser to view the editor.

How to Use

  1. Click the "Choose File" button to select an image.
  2. Use the filter buttons to apply filters to the image.
  3. Use the slider to adjust the value of the active filter.
  4. Use the rotate and flip buttons to transform the image.
  5. Click the "Save" button to download the edited image.

Technologies Used

  • React
  • CSS
  • Canvas

Support

If you found this project helpful and want to support me, you can buy me a coffee at:

Buy me a coffee

My YouTube Channel

Check out my YouTube channel, Coding Circulate, for more web development content: Coding Circulate

Thanks for checking out this project! If you have any questions or suggestions, feel free to reach out to me on GitHub or my YouTube channel.