https://github.com/signor1/signor-pics-edit
A progressive web app for image editing and filter application built with HTML, SASS & VanillaJS
https://github.com/signor1/signor-pics-edit
Last synced: about 1 year ago
JSON representation
A progressive web app for image editing and filter application built with HTML, SASS & VanillaJS
- Host: GitHub
- URL: https://github.com/signor1/signor-pics-edit
- Owner: Signor1
- Created: 2023-02-25T02:27:24.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-06-12T01:27:47.000Z (almost 3 years ago)
- Last Synced: 2025-04-02T01:51:25.998Z (about 1 year ago)
- Language: CSS
- Size: 328 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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/](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:
```shell
git clone https://github.com/Signor1/Signor-pics-edit.git
```
2. Navigate to the project directory:
```shell
cd your-repository
```
3. 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:
```shell
git checkout -b feature/your-feature-name
```
3. Make your desired changes and commit them:
```shell
git commit -m "Add your commit message here"
```
4. Push your changes to your forked repository:
```shell
git push origin feature/your-feature-name
```
5. 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](mailto:emmanuelomemgboji@gmail.com).