Build & Deploy Fully Functional YouTube Clone Single Page Application with React JS & Tailwind CSS

In this video we will be creating a fully functional & fully responsive youtube clone single page application with react js, tailwind css & rapid api, we will use core concepts of react js such as jsx, components, props, state, lifecycle of components, conditional rendering, lists, keys & context api, we will build more complex logics in javascript to make our react application super interactive and good looking.

Recommended Videos:

📚 Materials/References:

Dependencies commands:
npm i @tailwindcss/line-clamp axios js-abbreviation-number react-player moment
npm i react-router-dom react-icons

Installed NPM Packages:

In this tutorial you’ll learn:
- React 18 and its latest features
- React functional components and their reusability
- React hooks and state management
- How to use Context API
- Rapid UI building with Tailwind CSS
- Mobile first responsive approach
- Fetching data from Rapid API
- Functional Programming through utility methods
- How to use Axios in react app

Follow me on 👇

👇 Time Stamps
00:00:00 Intro & Project Demo
00:02:22 Project Setup
00:17:29 API Setup & Context API
00:33:44 Header
01:16:15 Left Category Section
01:43:38 Feed
02:11:24 Video Details
02:49:02 Search Result
03:19:38 Deploy

[prafulbhosale]

Bhai aapkato javab nahi aapne to Channel pr top level ke project banaye he .
Thnx ❤️❤️❤️❤️❤️

[Marcusparker-vupr]

Life 🧬 pe pehele bar Etna acha you tuber dekh raha hun.. apna main fan ban gaya huin❤❤

[shaiksuleman]

The perfect YouTube clone so far.. keep up the good work brother.. looking forward for another build

[bryanrodrigues]

Thank sir because of you i was able to do my final year project

[AnuragMishra-wszc]

Sir one request plz increase the font size from next time. Great content.

[mrinalmishra]

Shariq Bhai
Aapka bahut bahut Dhanyavaad

[maliksuleman]

Its best ever youtube video. I want to give you a bundle of thanks from Pakistan. Stay blessed and keep uploading such videos. You are a great teacher.

[sudhanshubhattl]

i am not against tailwind and bootstrap they are great for building projects fast and easy but for me building a project os more about building something that is hardcode by you and not about copy pasting from tailwind and bootstraph i know it take time and effort to build a hard code project but i think this is it all about unique content and i love your video thq you are doing such a great job

[developertested]

Thank you for video finally built Youtube clone 😍

[World_information]

Thank you very much Sir ❤️❤️😊. Bohat jald ap ko bahot say subscribers milay gay ager ap aisay amazing content upload kerta rahay ❤️. Again thank you very much.

[Inayathasan]

this project has been made before 2 years is this source working still
pls reply !!

[factboyravi]

Bhai top level content banate ho app 😍😍😍😍😍😍😍🙏

[topratedbeats]

Well Done ap kii video dakh kr bohat help milii

[ishortharu]

Thanks you sir for uploading this project in YouTube 😊😊👌🙏👌

[Anshu.Aditya.]

Love You bro.
Aise hi contents banate raho. 🥰🥰💝❤️

[mambaop]

Video is too good, and love your efforts. One Question -> Some times API send duplicate video on same page so we have to filter it on own.

[kamleshbisht-hnsj]

brother awesome quite appreciable work with neet and awesome code and providing every information ....thanks

[sandeepmaurya]

thank u thank u so much sir, i learn alot of things from you, plz keep uploading && new subscriber

[chandrashekarsr]

Awesome brooo...thankyou soo muchhh...🙌🙌🙌

[rajchaudhary]

Best Project ever, Thanks ❤❤
How to add short video in it? Waiting for Part-2