How To Build A Photo Editor With React And CSS Filters

How To Build A Photo Editor With React And CSS Filters

🚨 IMPORTANT:

Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today

Who needs Photoshop when you build your own Photoshop clone with just a bit of CSS and React. In this video I will show you how to take advantage of the responsiveness of React combined with CSS filters to make a simple Photoshop clone.

📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/React-Photoshop-Clone
useState Tutorial: https://youtu.be/O6P86uwfdR0

🧠 Concepts Covered:

– How to use CSS filters
– How to setup sliders in React
– How to use CSS grid

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00 – Introduction
00:33 – Demo
01:17 – File Setup
01:37 – HTML Structure
04:29 – CSS
10:19 – Sidebar
11:45 – Siderbar CSS
16:54 – Sidebar Functionality
24:53 – Slider Functionality
27:35 – Putting It All Together
31:38 – Outro

#ReactJS #WDS #JavaScript

Powered by WPeMatico

About Guaripete Solutions

Guaripete Solutions SEO Agency in Charlotte North Carolina, with personalized SEO Consulting Services, Small and Medium Business Social Media Marketing Services, and Website Builder Experts oriented to our Customers.