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

Описание к видео 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


● 𝗟𝗶𝘃𝗲 𝗣𝗿𝗲𝘃𝗶𝗲𝘄 👇
-----------------------------------
https://yt-clone-rose.vercel.app

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


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


●●● 𝗠𝗘𝗥𝗡 𝗣𝗿𝗼𝗷𝗲𝗰𝘁𝘀 ●●●
---------------------------------------------
● Chat Application 👇
   • How to Build & Deploy a Full Stack Ch...  

● Portfolio Website 👇
   • How to Build & Deploy a Portfolio Web...  


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


---------------------------
𝗧𝗶𝗺𝗲𝘀𝘁𝗮𝗺𝗽✨️
---------------------------
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 👇
https://rapidapi.com/hub

○ Github Repo(Source Code)😊
https://github.com/LearnCodingOfficia...


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

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

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

◇ Telegram!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
https://t.me/LearnCodingTelegram

◇ Github!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
https://github.com/LearnCodingOfficial

◇ WhatsApp!
𝗟𝗲𝗮𝗿𝗻 𝗖𝗼𝗱𝗶𝗻𝗴
https://www.whatsapp.com/channel/0029...


● If you have any kind of doubts, you can ping us on linkedin 👇
Akhilesh:-   / akhil2k-lc  
Ankush:-  / ankush2k-lc  

😊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 𝗪𝗮𝘁𝗰𝗵𝗶𝗻𝗴 😊
----------------------------------------------------

Комментарии

Информация по комментариям в разработке