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 😊😊.
On this page of the site you can watch the video online Create an Image Cropper Using ReactJS & TailwindCSS with a duration of hours minute second in good quality, which was uploaded by the user XD Code 05 February 2024, share the link with friends and acquaintances, this video has already been watched 405 times on youtube and it was liked by 19 viewers. Enjoy your viewing!
