Create an Image Cropper Using ReactJS & TailwindCSS

Published: 05 February 2024
on channel: XD Code

405

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!

301