Skip to content

Devank-Garg/IMAGE-EDITING-WEBAPP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PHOTO EDITING WEBAPP

Table Of Content

  • About

  • Features

  • Getting Started

  • Usage

  • Contributing

About

The Image Web App is a web-based application that allows users to upload, process, and manipulate images using various image processing functionalities. It provides a user-friendly interface for performing tasks such as grayscale conversion, brightness adjustment, image inversion, saturation adjustment, and image mirroring.

Features

  • Grayscale Conversion: Convert color images to grayscale.
  • Brightness Adjustment: Adjust the brightness of images using a slider.
  • Image Inversion: Invert the colors of images.
  • Saturation Adjustment: Modify the saturation of images using a slider.
  • Image Mirroring: Create a mirrored version of images.
  • Reset Image: Reset the processed image to its original state.
  • Responsive Design: The web app is responsive and works on various screen sizes.

Getting Started

To run this web app locally or deploy it to your own server, follow these steps:

Clone the Repository:

git clone https://github.com/yourusername/image-web-app.git
cd image-web-app

Install Dependencies:

This web app may require certain dependencies. Refer to the package.json file for details.

npm install

Configure the Environment:

If your app requires any environment variables, make sure to create a .env file and add the necessary configuration.

npm start

The app will be available at http://localhost:3000 by default.

Usage

Upload Image:

Click the "Choose File" button to upload an image.

Grayscale Conversion:

Click the "Change to Grayscale" button to convert the image to grayscale.

Brightness Adjustment:

Use the brightness slider to adjust the image's brightness.

Image Inversion:

Click the "Invert Image" button to invert the colors of the image.

Saturation Adjustment:

Use the saturation slider to adjust the image's saturation.

Image Mirroring:

Click the "Mirror Image" button to create a mirrored version of the image.

Reset Image:

Click the "Reset Image" button to revert the image to its original state.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published