How To Build A Photo Editor With React And CSS Filters 

*Next Project maybe: How to build Windows 10 With React & firebase*

I am tightening my seat belts, he's gonna clone photoshop in 30 mins😂 Hackerman😎

Thanks for the tutorial. Can I do this is next.js?

Amazing Amazing Video, Expecting a 4 hours project in your channel

Let's try creating after effect or premiere pro

Dude, why all this hate? Chills your balls, people

This is wonderful man! Thnx a lot. Would you mind doing a video on creating a simple video editor too!

I did the same css but mu picture is too small

I saw this on GitHub before this video came out and I thought it was a joke. But no it’s not

I like the intro though

I see what you're doing to get more views. Build whatsapp clone Build photoshop clone Build zoom clone

"cancels subscription" A few seconds later sees the clone... 🤣🤣🤣🤣

0:02 lol careful Kyle, you just lost your chance of getting sponsored by Adobe.😂

this was just a click bait. really, Photoshop in 30 min! ha, ha but still, tutorial was good. not "Photoshop" but photo filter application,

No matter what I will support this guy, he has taught me react, express, mongo and most of the programming skills Love from India ❤ WDS

Nah, click bait :( Useful tutorial though

One of my favorite youtubers! You have such an impact on me bruh 😊🤗

Adobe watch out

The clickbait is real around here, disappointed

but after that we must be able to download that image

i have a doubt in the react , I'm creating a web application user can able to cutomize the mobile case however they and once they save that edited image has to store in the data base , if she places the order admin have to see the image and able to customize the mobile according to that.. I wanted to know how i can able to do it either npm packages or userdefined from top to bottom ???

Make a "Hello World!" App using MERN Stack? I mean how to setup MERN Stack?

who need to crack ps if you can make it yourself xD

Great tutorial Kyle, this was my official first project in react and it went smoothly thanks to you. I also added some other functionality to make sure I really understood.

Please make a video build a illustrator clone.

go hurry up cancel your adobe subscription 😂

fun fact: you can't save image with these css applied filters.

But we can't download the edited photo can we? :(

*Thank you very much, your videos always help me, they are the best.*

You can't really call any of these "Clones" if you're not going to actually clone the apps in design/functionality.

How to add Choose image and download edited image

How to save the images after applying these filters?

Hi guys, does anyone have links to resources on how to create a web app, add plugin functionality and ability for devs to develop plugins for it? Like how wordpress has it's plugins OR shopify & it's plugin. Thanks

How could you allow the user to upload their own photo and export it after editing? Otherwise this app is kinda useless haha. Still cool though!

const selectOption=options[selectedOptionIndex] Hi everyone, Can someone please explajn me this line of code?Why did we use this with "useState" ?

Wait.. this is not a photoshop clone

Now create React clone in React

are there anybody who can make it save file? i tried but i didn't. i want to add "save button" or "download button". how? please help.

Photoshop is not just Brightness, Contrast, Saturation, Grayscale, Sepia, Hue, and Blur.

So these are just CSS filters being manipulated, how would you actually set things up so you could save out an edited image?

Impressive. !! Make Amazon clone just front page. Will you make that?

Fantastic man fantastic, top class developer

bro your projects are 👌👌👌👌

chrome reads the slider value as an undefined object so you have to add 0 as a default value for console log and the slider to work.

bro, don't mean any disrespect but "a photoshop clone?!"

In handleSliderFunction using { target } is showing error that 'target' is undefined

Can you please make a video of "how to make a video editor on javascript html and css"

A new competitor in the Market, Adobe feel insecure

does anybody know how to download CSS filter applied image?

I wanted to build this - long back but skipped it now ur video inspired me to build some more features to it.

You are great instructor.

reactDOM.render in the index is deprecated, what can we use instead?

Really? Is it photoshop? Why are you misleading .

This guy is hero, without mask, thank you bro 😎

Hey Kyle, any Vue content planned in the near future ? :)

Hi, how do i add this editor into my existing code files?

Try Making Tutorial On OpenCv

Can you do a tutorial about how to create a desmos clone?

Hi sir, can you also make apps like easy worship?

That was a great video! I plan to learn how to be a web developer and I wanted to see what I have to expect in that industry. I, of course, couldn't understand everything but I loved how you explained step by step the creation of your photo editor. Thanks!

Sad to say that only 34K people know this

I looked into his code but I do not get my slider color to blue even though the has type="range". Could anybody help me? Thanks.

everyone shows the easy thing. my question is how to download that edited image without losing quality? if i try to print dom using useRef , image downloads based on screensize. and if i set put it on canvas and give it a imgResultRef.current?.naturalWidth , imgResultRef.current?.naturalHeight it gives an enourmous size image. do you have any solution to that

Adobe wants to know your location!

how to make a canva with javascript?

here is edited image download button

Hi bro, but can you add one download feature to it ? a user must be able to download a image after adding these filters

saturate had me freaking out

Please increase volume 😁😁😁

Can you make same video with vue

how can you make it an exe file?

THX!

you have helped me to solve a big problem :) Thank you. Also you can teach very well

this guy is on steroids for sure

Photoshop clone, really

M the only one who bought ps🙁

aNObe photoshop

lol wow that's clickbait

Plz build Gta 6 next

How to reset all the filters on the click of only one button?

Thats really great project I would also like to build one with more functions like crop,zoom or adding filters. Can anyone help me how to add crop method in this project.

I didn't destructure the event and then used return {...option, value: event.target.value}. Why is this giving me error?

this man said photoshop

ty.

This man is ultimate 🔥🔥🔥🔥

Kaisa laga mera mazak........

the best web development teacher ever

AYYY, I DID IT!!

eat that Adobe !

Would you make another video extending functionality of this app with Canvas API?

Cool thanks

Thanks kyle

Beautiful.

awesome

Awesome

This is great, thanks. How would you save the CSS onto original image?

how about an Illustrator clone with bezier curves with fill / strokes, combine/ split paths. That would be awsooooome :)

Had me when he said, if you have a photoshop subscription, cancel it. 😂😂. Big fan WDS

In Photoshop, you have this option to apply blur to certain parts of an image. Can you do that in react? Amazing tutorial BTW!!!

This was great - thank you for this! Very hard to keep up with you typing along - but still learn lots. Would, however, like to see how to save the "modified" image - this being an editor ;) Keep up the great work