https://github.com/shadbalti/simple-image-editor
This is a simple yet versatile web-based image editor that allows you to easily adjust the properties of your images. You can upload your own images or load them from external URLs. The editor provides a range of tools to modify your images, including adjusting brightness, opacity, blur, contrast, inverting colors, rotating, and resizing.
https://github.com/shadbalti/simple-image-editor
beginner-friendly beginner-project css github-pages html-css-javascript image image-processing javascript open-source web webbased
Last synced: 4 months ago
JSON representation
This is a simple yet versatile web-based image editor that allows you to easily adjust the properties of your images. You can upload your own images or load them from external URLs. The editor provides a range of tools to modify your images, including adjusting brightness, opacity, blur, contrast, inverting colors, rotating, and resizing.
- Host: GitHub
- URL: https://github.com/shadbalti/simple-image-editor
- Owner: ShadBalti
- License: mit
- Created: 2023-10-25T09:30:41.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-21T12:44:05.000Z (over 1 year ago)
- Last Synced: 2025-04-08T21:16:04.369Z (10 months ago)
- Topics: beginner-friendly, beginner-project, css, github-pages, html-css-javascript, image, image-processing, javascript, open-source, web, webbased
- Language: JavaScript
- Homepage: https://shadbalti.github.io/Simple-image-editor/
- Size: 1.83 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Simple Image Editor
A simple web-based image editor that allows you to adjust the brightness, opacity, blur, contrast, and invert colors of an image. You can also rotate the image and resize it using arrow buttons. This project is hosted on GitHub Pages at [https://shadbalti.github.io/Simple-image-editor/](https://shadbalti.github.io/Simple-image-editor/).
## Features
- Upload and display images.
- Adjust brightness, opacity, blur, contrast, and invert colors.
- Rotate images in 90-degree increments.
- Resize images using arrow buttons.
- Load images from external URLs.
## Demo
For a live demonstration of this project, visit [https://shadbalti.github.io/Simple-image-editor/](https://shadbalti.github.io/Simple-image-editor/).
## How to Use
1. Open the web app.
2. Click the "Choose File" button to upload an image from your local device or enter the URL of an image.
3. Use the adjustment sliders to modify the image.
4. Click the arrow buttons to resize the image.
5. Click the "Rotate" button to rotate the image 90 degrees.
6. Experiment with the various settings to edit your image.
## Technologies Used
- HTML
- CSS
- JavaScript
## Contributing
Contributions to this project are welcome! If you'd like to contribute, please follow these steps:
1. Fork the repository.
2. Create a new branch for your feature: `git checkout -b feature-name`.
3. Make your changes and commit them: `git commit -m 'Add feature'`.
4. Push to the branch: `git push origin feature-name`.
5. Open a pull request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contact
If you have any questions or feedback, feel free to [contact me](shadbalti2@gmail.com).
Enjoy editing your images with the Simple Image Editor!
[View Live Demo](https://shadbalti.github.io/Simple-image-editor/)