Skip to content

This is a JavaScript-based Image Editor that allows users to apply filters like saturation, contrast, brightness, grayscale, sepia, blur, and hue rotation to their images. Users can upload an image, edit it in real-time, reset changes, and download the final result.

Notifications You must be signed in to change notification settings

ZakaDev22/ImageEditor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

17 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ–ΌοΈ JavaScript Image Editor

πŸ“Œ Project Overview

This is a JavaScript-based Image Editor that allows users to apply filters like saturation, contrast, brightness, grayscale, sepia, blur, and hue rotation to their images. Users can upload an image, edit it in real-time, reset changes, and download the final result.

πŸš€ Features

βœ… Upload & preview images
βœ… Adjust image filters using sliders
βœ… Reset filters to default values
βœ… Download the edited image
βœ… Responsive design (Works on mobile & desktop)

πŸŽ₯ Demo Preview

Project Screenshot

🌍 Live Demo

πŸ”— Try it here: [https://unrivaled-froyo-fc33b2.netlify.app/]

πŸ› οΈ Technologies Used

  • HTML5
  • CSS3 (Flexbox & Grid for layout, animations)
  • JavaScript (DOM Manipulation, FileReader API, Canvas API)

πŸƒβ€β™‚οΈ How to Run the Project

  1. Clone this repository: git clone https://github.com/ZakaDev22/ImageEditor.git
  2. Open index.html in a browser
  3. Upload an image & start editing!

About

This is a JavaScript-based Image Editor that allows users to apply filters like saturation, contrast, brightness, grayscale, sepia, blur, and hue rotation to their images. Users can upload an image, edit it in real-time, reset changes, and download the final result.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published