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.
- 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.
To use the Photo Editor Web App, follow these steps:
- Access the web app by visiting https://picsedit.netlify.app/ in your web browser.
- Click on the "Choose Image" button to select the photo you want to edit from your device.
- Explore the various editing options available, such as filters, adjustments.
- Preview your changes in real-time and fine-tune them until you're satisfied with the result.
- Once you're happy with the edited photo, click on the "Save Image" button to save it to your device.
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.
To install the Photo Editor Web App locally, follow these steps:
- Clone the repository:
git clone https://github.com/Signor1/Signor-pics-edit.git- Navigate to the project directory:
cd your-repository- Open the
index.htmlfile in your preferred web browser.
That's it! You should now be able to use the Photo Editor Web App on your local machine.
If you want to contribute to this project, you can follow these steps:
- Fork this repository.
- Create a new branch:
git checkout -b feature/your-feature-name- Make your desired changes and commit them:
git commit -m "Add your commit message here"- Push your changes to your forked repository:
git push origin feature/your-feature-name- Open a pull request, and describe the changes you made.
Special thanks to the open-source community for providing valuable resources and inspiration for this project.
If you have any questions, suggestions, or feedback, feel free to contact us at signorDev.
