Create an Image Cropper Using ReactJS & TailwindCSS
Hi there, In this video you will learn how to build an image cropper ReactJS & TailwindCSS.
------------------------------------------------
💙 Support my work:
https://ko-fi.com/xdcode2
💻 Source Code:
https://github.com/xdcode2/image-cropper
------------------------------------------------
📚 Resources:
React JS: https://react.dev/
TailwindCSS: https://tailwindcss.com/
Framer Motion: https://www.framer.com/motion/
React Easy Crop: https://github.com/ValentinH/react-easy-crop
React Icons: https://react-icons.github.io/react-icons/
------------------------------------------------
⌚ Timestamps:
00:00 - Intro
01:50 - Project Setup
04:30 - Create a Drag Zone
13:55 - useFileReader Hook
18:50 - Create Image Cropper
34:10 - Save Image
------------------------------------------------
🎵 Background music - Provided by Lofi Records
Kainbeats x Hoogway - timeless
Watch: • Video
Download/Stream: https://fanlink.to/NocturneEP
amies x cxlt. – Into The Void
Watch: • Video
Download/Stream: https://fanlink.to/NocturneEP
Lilac – Dearest
Watch: • Video
Download/Stream: https://fanlink.to/WhenIDreamtofYou
Hoogway x DLJ – Skyline
Watch: • Video
Download/Stream: https://fanlink.to/foreverago
DaniSogen - Awakening
Watch: • Video
Download/Stream: https://fanlink.to/InSearchofPeace
amies x cxlt. – Blue Moon
Watch: • Video
Download/Stream: https://fanlink.to/NocturneEP
Elijah Lee x aimless – Escape With Me
Watch: • Video
Download/Stream: https://fanlink.to/escapadeEP
Kayba x Lomme - Garden
Watch: • Video
Download/Stream: https://fanlink.to/ExploreEP
Kainbeats - Floating Sanctuary
Watch: • Video
Download/Stream: https://fanlink.to/AWalkThroughtheSky
goodnyght – time for bed
Watch: • Video
Download/Stream: https://fanlink.to/SleepCyclesEP
Mondo Loops x Purrple Cat – Essence of the Forest
Watch: • Video
Download/Stream: https://fanlink.to/ForestTales
BluntOne x Bean Mow – Under Your Skin
Watch: • Video
Download/Stream: https://fanlink.to/Cloud-Surfing
Purrple Cat – S’mores
Watch: • Video
Download/Stream: https://fanlink.to/AdventureIsland
------------------------------------------------
Support me by buying me a ☕:
https://ko-fi.com/xdcode2
#xdcode #reactjs #javascript
Hey bro please don't forget to subscribe to my channel and like this video 😊😊.
Auf dieser Seite können Sie das Online-Video Create an Image Cropper Using ReactJS & TailwindCSS mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer XD Code 05 Februar 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 405 Mal angesehen und es wurde von 19 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
