Summary
Keywords
Full Transcript
In this video, we will learn to develop a complete website using react and tailwind css even though you are a beginner. Look no further! In this tutorial series, we'll guide you step-by-step through the process of building a complete website project using React and Tailwind CSS. In Part 1, we'll cover the basics of React and Tailwind CSS, and walk you through the process of setting up your development environment. You'll learn how to install the necessary packages and create your first React components using Tailwind CSS classes. We'll also show you how to use React hooks to manage state and build a responsive navbar. By the end of this tutorial series, you'll have a solid understanding of how React and Tailwind CSS work together, and you'll be able to build and deploy your own complete website project. So, whether you're a complete beginner or have some experience with React and Tailwind CSS, this tutorial series is perfect for you! Don't forget to like and subscribe to our channel for more tutorials like this, and stay tuned for Part 2 where we'll dive deeper into building the rest of the website project. Let's get started! Topics: React + Tailwind Css React Hooks React Routing Send Data From Parent Comp to Child React Icons Youtube Player Integration Building the complete App and Deploy it Fetch Data from HTTP API and Many more Part 1 Website Demo : https://courses.tubeguruji.com Source Code Part 1: https://gitlab.com/rrs301/online-video-courses-react-website Hostinger Hosting Service: https://hostinger.com?REFERRALCODE=1GAME84 Vercel Hosting : https://vercel.com/ React Tailwind css Beginner Tutorial |Build Complete Portfolio Website : https://www.youtube.com/watch?v=nXyQYpalYgg&list=PLaBeGKL1tOU3vlLZemThCmMhtApXN9AEq Learn React Native in 2 hours for beginners: build a video streaming app | Part 1 : https://youtu.be/xMtTnGCZSx8 Learn React Native in 2 Hours (Part 1) : https://youtu.be/xMtTnGCZSx8 Complete Angular Tutorial Playlist Url: https://www.youtube.com/watch?v=pyCN3 Follow us on Instagram: https://www.instagram.com/tubegurujiS... Telegram Channel: https://t.me/tubeguruji Subscribe TubeGuruji Channel : https://www.youtube.com/@tubeguruji Buy Me a Coffee: https://www.buymeacoffee.com/tubegurujiw #react #tailwindcss #reacttutorial #reactjs #reactproject #reactwebsite ▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬ 00:00- Introduction 01:20 - App Intro 02:30 - Topics 03:38 - Create React App 04:45 - Run the application 06:10 - Install Tailwind css 09:17 - Create File Structure 16:14 - Header 24:53 - Change Website Background 25:51 - Search Section 30:20 - React Icons 40:40 - Fetch Data with API 49:20 - Video Grid List 56:10 - End of Part 1
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
