Introduction to the Photo Editor Project

What is the project about?

In this chapter, we are going to build a photo editor web application using 3D arrays and Canvas. Each pixel of an image is represented using integer values. Each pixel contains four values—red, green, blue, and alpha (RGBA). Therefore, we will represent the images in the form of 3D arrays, and apply image operations on them. We are going to implement the following functionalities for our photo editor:

• Upload and save an image.

• Rotate an image to the left or right.

• Flip an image vertically or horizontally.

• Resize an image.

• Convert an image to greyscale.

You can explore the project below: