Member-only story
Image Processing — Making Custom Image Filters in React.js
Thanks for reading my first part. Now get ready to dive into another implementation.
![](https://miro.medium.com/v2/resize:fit:1000/1*M7NM6E6R6KY8MBl9gTML3A.png)
Note: Part 1 talks about the fundamental of image processing and then create a small app using Cloudniary API’s for filters. Checkout the live app here — https://cryptic-sierra-27182.herokuapp.com/, Read the blog post here to know more.
One of the most fun things to do in programming is to solve the same problem in different ways. But everything comes with a cost. As we have used Cloudniary for image processing in the first part of the series, which is a paid solution although a great library to begin with.
Today we will implement some of some important concepts while playing with images:
- Smoothing Filters (Some filters and Algo’s for it)
- Thresholding Filters
- Finding contours in the image
Finally, we will use a live camera to capture some images from the webcam live stream.
Note: Here is the live app link of UI (may take time to load for first time ) — https://peaceful-reef-69295.herokuapp.com/ and Github code link — https://github.com/overflowjs-com/image_app_image_processing_opencvviawebcam_part_2, Please feel free to check it out.