Skip to content

Signor1/Signor-pics-edit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Photo Editor Web App

Welcome to the Photo Editor Web App! This progressive web application allows you to edit your photos directly in your browser. It provides a user-friendly interface and a variety of editing options to enhance your images. You can apply filters, adjust brightness, contrast, and saturation, crop or resize images, and much more.

Features

  • User-friendly interface: The web app offers an intuitive and easy-to-use interface, ensuring a seamless editing experience for users of all skill levels.
  • Filter effects: Apply various filter effects to your photos, such as sepia, black and white, vintage, and more, to give them a unique look.
  • Adjustment tools: Fine-tune your images using tools like brightness, contrast, saturation, and sharpness adjustments.
  • Crop and resize: Crop your photos to remove unwanted areas or resize them to fit specific dimensions.
  • Undo and redo: Made a mistake? No worries! The app allows you to undo and redo your editing steps, providing flexibility and control.
  • Download edited photos: Once you're satisfied with your edits, download the final result directly to your device.

Usage

To use the Photo Editor Web App, follow these steps:

  1. Access the web app by visiting https://picsedit.netlify.app/ in your web browser.
  2. Click on the "Choose Image" button to select the photo you want to edit from your device.
  3. Explore the various editing options available, such as filters, adjustments.
  4. Preview your changes in real-time and fine-tune them until you're satisfied with the result.
  5. Once you're happy with the edited photo, click on the "Save Image" button to save it to your device.

Technologies Used

The Photo Editor Web App was built using the following technologies:

  • HTML: The web app's structure and layout were created using HTML.
  • SASS: SASS was used to enhance the CSS styling of the web app, providing a more maintainable and modular codebase.
  • VanillaJS: The app's functionality and interactivity were implemented using vanilla JavaScript, without relying on any external libraries or frameworks.

Installation

To install the Photo Editor Web App locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/Signor1/Signor-pics-edit.git
  1. Navigate to the project directory:
cd your-repository
  1. Open the index.html file in your preferred web browser.

That's it! You should now be able to use the Photo Editor Web App on your local machine.

Contribution

If you want to contribute to this project, you can follow these steps:

  1. Fork this repository.
  2. Create a new branch:
git checkout -b feature/your-feature-name
  1. Make your desired changes and commit them:
git commit -m "Add your commit message here"
  1. Push your changes to your forked repository:
git push origin feature/your-feature-name
  1. Open a pull request, and describe the changes you made.

Acknowledgments

Special thanks to the open-source community for providing valuable resources and inspiration for this project.

Contact

If you have any questions, suggestions, or feedback, feel free to contact us at signorDev.

About

A progressive web app for image editing and filter application built with HTML, SASS & VanillaJS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors