GIPHY Clone with React JS and Tailwind CSS Tutorial 2024 🔥🔥
Use This Link to Buy affordable Hosting from Hostinger: https://www.hostg.xyz/SHF7G
Please use my coupon code and get an additional 10% discount: ROADSIDECODER
➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount)
Build a GIPHY Clone App in React JS 18 with Tailwind CSS. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset.
🔗 React JS Interview Series -
• Frontend Machine Coding Interview Que...
➡️ Source Code - https://github.com/piyush-eon/react-g...
➡️ Book a mentorship call with me - https://topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
/ discord
🔗 MERN Stack Chat App Tutorial -
• MERN Stack Chat App with Socket.IO Tu...
🔗 Complete Data Structures and Algorithms with JS Course - • Data Structures and Algorithms in Jav...
🔗 JS Interview Series -
• Javascript Interview Questions ( Var,...
🔗 Cars24 Interview Experience -
• Frontend Interview Experience (Cars24...
🔗 Unacademy Interview Experience -
• Frontend Interview Experience (Unacad...
🔗 Tazorpay Interview Experience -
• Frontend Interview Experience (TazorP...
🔗 React Beginner's Project Tutorials -
• React JS Project Tutorials 🔥🔥
#reactjstutorial #frontend #ReactJS
-------------------------------------------------------------------------
00:00:00 Project Demo
00:01:18 Setup New React JS App
00:02:02 Hostinger Account Setup
00:05:03 Installing Tailwind CSS
00:06:31 Defining the Routes
00:14:46 Building Header
00:27:21 State Management using Context API
00:28:55 Using GIPHY API
00:33:10 Rendering GIF Categories
00:37:02 Building Trending GIFs Page
00:43:39 Filter GIFs Toggle
00:48:50 GIFs Search Bar
00:53:22 Building Search Page
00:57:01 Building Categories Page
01:04:11 Building GIF Page
01:19:37 Related GIFs
01:20:46 Add to Favorite Logic
01:23:16 Building Favorite GIFs Page
01:25:36 Hosting Our GIPHY Clone
-------------------------------------------------------------------------
⭐ Support the channel -
/ @roadsidecoder
Special Thanks to our members -
Watch video GIPHY Clone with React JS and Tailwind CSS Tutorial 2024 🔥🔥 online without registration, duration hours minute second in high quality. This video was added by user RoadsideCoder 05 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,41 once and liked it 39 people.