overflowjs-com / image_app_image_processing_opencvviawebcam_part_2

React UI for Image Filter via open webcam image capture

Home Page:https://peaceful-reef-69295.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React.js UI code for creating Image filters and finding contours in an image. This is the 2nd part of Image processing series on https://overflowjs.com/

Live app link of this project - https://peaceful-reef-69295.herokuapp.com/

We live capture the image using the webcam and apply our own self created image filters to them.

The backend code is written in node.js using express framework and OpenCV. Checkout this repo - https://github.com/overflowjs-com/image_app_opencv_api_part3

Do read the blog to know more - https://overflowjs.com/posts/Image-Processing-Making-Custom-Filters-Reactjs-Part-2

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

About

React UI for Image Filter via open webcam image capture

https://peaceful-reef-69295.herokuapp.com/


Languages

Language:JavaScript 85.6%Language:HTML 9.3%Language:CSS 5.1%