Project

Hypergram

Hard

115 completions

~ 10 hours

4.0

In this project, you will work with different types of input fields. Work with canvas and draw images on it. Apply basic algorithms of pixel processing. At the end of the project, you will know how to save images from the canvas to the computer as a PNG file.

Provided by

JetBrains Academy

About

For every photographer, the process of creating an image does not end after pressing the shutter button. You will always be pressed by the need to tweak the photos a little bit to make them look like how you've conceived them. In most cases, the process of retouching a photo is not as easy as many would want to imagine. Let's create a simple app that can help you with image editing!

Training project

This project allows you to practice and strengthen your coding skills, helping you get ready for more advanced tasks ahead.

What you'll learn

Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:

A professional photographer always has a tool that can edit photos. Build the foundations of your photo processing app.

It's time to work with files. Add an ability to upload your beautiful photos to the canvas.

Pixels are so small yet powerful. Learn algorithms to adjust the brightness, contrast, and transparency of your images!

Images processed by the app are so beautiful that users want to save them. So let's add an ability to download the edited images.

Reviews

Ivan Yachmenov

2 months ago

4.7

how to work with canvas(basics) and upgraded css skills by buikding my own style of wsite

Oliver Russmann

9 months ago

2.7

A project, that doesn't perform testing unfortunately.. overall it was okay.

Natalia Devia

11 months ago

4.7

I have learned how to use canvas to draw on images and how to download those images later.

4.0

Learners who completed this project within the Frontend Developer course rated it as follows:

Usefulness

4.5

Fun

4.1

Clarity

3.6