How to Build & Deploy a Full Stack YouTube Clone Application | React Js, Tailwind CSS & Rapid API

Показать описание

In this video, we showcase how to build a full stack (dynamic/responsive) & functional youtube clone, crafted with 𝗥𝗲𝗮𝗰𝘁.𝗷𝘀, 𝗮𝗻𝗱 𝗥𝗮𝗽𝗶𝗱 𝗔𝗣𝗜.

Used Technologies :-
---------------------------------------
𝗥𝗲𝗮𝗰𝘁 𝗝𝘀 :- It's a JavaScript Library(Frontend)
● UI Design:- 𝗧𝗮𝗶𝗹𝘄𝗶𝗻𝗱 𝗖𝗦𝗦

𝗥𝗮𝗽𝗶𝗱 𝗔𝗣𝗜 :- RapidAPI is a platform that enables developers to find, connect to, and manage thousands of APIs from various providers like(youtube).

Features:-
-------------------
● Real-time Video Streaming
● Video Search Functionality
● Video Suggestions
● Responsive UI

● 𝗟𝗶𝘃𝗲 𝗣𝗿𝗲𝘃𝗶𝗲𝘄 👇
-----------------------------------

𝗡𝗼𝘁𝗲:- API limit has been exhausted so that may be app will not work or data will not shown.

■ 𝗣𝗿𝗲𝗿𝗲𝗾𝘂𝗶𝘀𝗶𝘁𝗲
------------------------
☆ Javascript (map, filter & reduce)👇

●●● 𝗠𝗘𝗥𝗡 𝗣𝗿𝗼𝗷𝗲𝗰𝘁𝘀 ●●●
---------------------------------------------
● Chat Application 👇

● Portfolio Website 👇

● 𝗣𝗹𝗲𝗮𝘀𝗲 𝘀𝗵𝗮𝗿𝗲, 𝗶𝗳 𝘆𝗼𝘂 𝗳𝗶𝗻𝗱 𝗶𝘁 𝗨𝘀𝗲𝗳𝘂𝗹😊

---------------------------
𝗧𝗶𝗺𝗲𝘀𝘁𝗮𝗺𝗽✨️
---------------------------
1. Project Demo 00:00:00
2. Setup 00:03:21
3. Navbar 00:08:44
4. Left-Sidebar 00:35:25
5. Rapid API 01:02:36
6. Context API 01:09:05
7. Defining Routes 01:21:34
8. Home Page Video 01:31:51
9. Playing Video 02:30:10
10. Suggestion Video 02:47:54
11. Search Functionality. 03:06:14
12. Responsive. 03:33:27

■ 𝗩𝗲𝗿𝘀𝗶𝗼𝗻 𝗖𝗼𝗻𝘁𝗿𝗼𝗹 🧏‍♂️
1. GitHub(Code Push) 04:13:02
2. GitHub(Repo Clone) 04:15:34

● 𝗗𝗲𝗽𝗹𝗼𝘆𝗺𝗲𝗻𝘁😇 04:17:53

○ Rapid API 👇

○ Github Repo(Source Code)😊

Follow us on 👇
------------------------------------------------

◇ Youtube!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴

◇ Facebook!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴

◇ Telegram!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴

◇ Github!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴

◇ WhatsApp!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴

● If you have any kind of doubts, you can ping us on linkedin 👇

😊Will help and guide accordingly😇

☆𝗦𝗲𝗮𝗿𝗰𝗵 𝗧𝗲𝗿𝗺😇
------------------------------
● Youtube Clone Using React Js
● react js youtube clone
● youtube clone project
● MERN Project
● MERN Stack Project
● Complete MERN Stack Project
● build and deploy youtube clone
● Full Stack Web Application
● how to create a youtube clone in react js
● How to Create MERN Project
● Learn to build full stack youtube clone project
● Build Complete MERN Project
● How to make website
● Youtube Clone Using in React js
● How to create a website
● How to create a full stack web application
● HTML
● CSS
● Javascript
● Tailwind CSS
● React Js
● Rapid API
● MongoDB
● Express Js
● Node Js

Don't forget to tag our Channel...!
#mern
#webdevelopment
#reactjs
#mongodb
#expressjs
#nodejs
#tailwindcss
#rapidapi
#youtubeapi
#youtubeapp
#youtubeclone
#jsx
#html
#css
#javascript
#mernstack
#github
#git
#LearnCoding

Developer🧏‍♂️
------------------------
● 𝗔𝗸𝗵𝗶𝗹𝗲𝘀𝗵
● 𝗩𝗶𝘃𝗲𝗸

----------------------------------------------------
Thank You for 𝗪𝗮𝘁𝗰𝗵𝗶𝗻𝗴 😊
----------------------------------------------------

Рекомендации по теме

Комментарии

On 18th september it's my birthday and I started following your youtube video and started code along with u (15 min daily) in order to gift myself this very first MERN stack project

owaisnadeem

MCA complete hoo gaya sir appki video dekh dekh ke Thank you so much sir❤

debasisbarik

One of the best project tutorial ever seen🎉

MAYKAYGAMER

This is the best Youtube clone video over yt ❤

ramvati

Very helpful rahega ye project sabhi ko 😊❤❤ thank you

himanshubokde

very helpful project for us !! Thank u sir❤❤❤❤

Theayodhyacoding

Bhai please bring indepth course on WordPress.

akashjaiswal

Isme video upload, update, delete functionalities ni hai???
Sirf frontend project hai?

predator

Bhaiya internship based koi project bnao na MERN me!

mukesh_kumar

Very helpful project + explanation thankyou ❤

ShirsenduMunshi

Sir website using

React + tailwind is more manageable
Or
React + css ?

I mean banate wqt. Aur future me updation wagera krne ke liye bhi

knowledgeshortforyou

CRUD application wale bhi project Lao na react and tailwind css pr

himanshubokde

Sir Introduction to foss ? video please 🥺🙏

Vaishnavii

Thank you sir please bring now mern stack project

babar

How to Build & Deploy a Full Stack YouTube Clone Application | React Js, Tailwind CSS & Rapid API

Software Build and Deployment Process: A Step-by-Step Guide

Build and Deploy a Modern SaaS Landing Page in React.js

How to build and deploy an app in Flutter in 60 seconds!

Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14

Build & Deploy a Website in 7 Minutes using Python

Jenkins is the Way to build, test, and deploy

Deploying a Website to AWS in Under 1 Minute

Build and Deploy a Machine Learning App in 2 Minutes

Create, Deploy, and Interact with Smart Contracts Using Tact : TON Blockchain Mini App Tutorial 02

Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind

How To Deploy | Host Angular Project On Server - 2023 | Angular Hosting

How to Build & Deploy a Rust App in Under 60 Seconds

Building and Deploying your Code with Azure Pipelines

How To Deploy React JS Application | Step By Step Process | React JS Deployment Tutorial

Build and Deploy a Modern Web 3.0 Blockchain App | Solidity, Smart Contracts, Crypto

How to Build, Test, and Deploy Your React Native Expo App to the Google Play Store

BEST ways to deploy a NextJS app

Build and Deploy a Patient Management System with Next.js | Twilio, TypeScript, TailwindCSS

Deploy your react+vite app in 3 EASY STEPS

AWS CodePipeline | AWS CodeDeploy | AWS CodeBuild | CodeCommit | Deploy WebApp a Hands on Lab

Build and Deploy a Full Stack E-Commerce App with an Admin Dashboard & CMS in 2024 | Next 14, St...

Build and Deploy a React Admin Dashboard With Real time Data, Charts, Events, Kanban, CRM, and More

Build and Deploy a React Native App | 2023 React Native Course Tutorial for Beginners

Build and Deploy an AI-Powered 3D Website Using React | 2024 Three JS Course Tutorial for Beginners