https://github.com/asbhogal/image-editor

An image editor which allows the user to import a picture and adjust it using different filters, including brightness, inversion, saturation and rotation. This has been coded using vanilla HTML5, CSS3 (SCSS) and JavaScript, is fully responsive and is optimized for the web.
https://github.com/asbhogal/image-editor

css3 html5 image-editor javascript js parcel parcel-bundler scss

Last synced: about 8 hours ago
JSON representation

An image editor which allows the user to import a picture and adjust it using different filters, including brightness, inversion, saturation and rotation. This has been coded using vanilla HTML5, CSS3 (SCSS) and JavaScript, is fully responsive and is optimized for the web.

• Host: GitHub
• URL: https://github.com/asbhogal/image-editor
• Owner: asbhogal
• Created: 2022-07-26T18:17:16.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-13T10:54:04.000Z (almost 2 years ago)
• Last Synced: 2023-04-24T16:12:10.675Z (over 1 year ago)
• Topics: css3, html5, image-editor, javascript, js, parcel, parcel-bundler, scss
• Language: SCSS
• Homepage: https://image-editor-two.vercel.app
• Size: 931 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

Live Image Editor

  

![GitHub deployments](https://img.shields.io/github/deployments/asbhogal/Image-Editor/production?label=DEPLOYMENT%20STATE&style=for-the-badge&labelColor=000) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/asbhogal/Image-Editor?style=for-the-badge&labelColor=000) ![GitHub repo size](https://img.shields.io/github/repo-size/asbhogal/Image-Editor?color=blueviolet&style=for-the-badge&labelColor=000)




An image editor which allows the user to import a picture and adjust it using different filters, including brightness, inversion, saturation and rotation. This has been coded using vanilla HTML5, CSS3 (SCSS) and JavaScript, is fully responsive and is optimized for the web.

:heavy_check_mark: Features:


  - Import image (currently 600 x 400 dimensions)

  - Manipulate an image's brightness, saturation, greyscale and inversion

  - Flip image along both the x and y-axis

  - Export newly adjusted image

  - Full responsiveness

  - Optimized for the web

:nerd_face: Stacks Used:













:link: Links


 - Image Editor

 - Credit goes to CodingNepalWeb for the  tutorial and inspiration