HackImage

Inspiration

Have you ever felt annoyed about how long it took to merely grayscale your images in photoshop?

What it does

• HackImage seeks to do image processing without using a back-end language by compressing all the process to three easy steps:

1) Upload

2) Choose your Filter

3) Download your new Image :)

How I built it

I used HTML Canvas, javascript, and jQuery to process the image and change the pixel data to apply the filters.

Challenges I ran into

Using HTML Canvas and JS (both front-end languages) to process images was rather unconventional. Reading pixel data without using a back-end was the main challenge I ran into.

Accomplishments that I'm proud of

I can now filter my images without waiting 5+ minutes for photoshop to load.

What I learned

Using Front-End for Back-End Task is horrendous, and something I should definitely avoid in the future.

What's next for HackImage

• Add SeamCarving and Intelligent Image Removal

Built With

• canvas
• css
• html5
• javascript
• jquery