Create YouTube Clone Using React JS | Build Complete Website Like YouTube In React JS 2024
HTML-код
- Опубликовано: 11 фев 2024
- Learn How to crate RUclips clone using React JS and RUclips Data API. Build website like RUclips with React JS. React JS project for beginners.
👉 Live Preview: vidtube-sable.vercel.app/
👉 Source code: greatstack.dev/go/youtube
❤️ Get project completion certificate: quiz.greatstack.dev/ytcl
SUBSCRIBE: @GreatStackDev
❤️ Complete JavaScript Course with Certification:
👉 greatstack.dev/go/javascript-...
✔️ Beginner + Advance + ES6 + Notes
✔️ 30 Project With Source Code
✔️ React Beginner course with project
✔️ Course Completion certificate
✔️ Chat Support
In this tutorial we will make a RUclips clone web app project using React JS. In this react JS project we will use RUclips data API to get the RUclips video list and real time statistics of the RUclips videos. #reactjs #reactproject #webdevelopment #GreatStack
Download Assets: drive.google.com/file/d/1T1Um...
Full Stack E-commerce Website tutorial:
👉 • How To Create Full Sta...
-----------------------------------------
Suggested Course:
Complete JavaScript course with 30 projects:
👉 greatstack.dev/go/javascript-...
Complete HTML and CSS with 8 projects:
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Beginner's HTML and CSS tutorial:
► • HTML And CSS Tutorial ...
Beginner's JavaScript tutorial:
► • JavaScript Full Course...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack
👉 Live Preview: vidtube-sable.vercel.app/
👉 Source code: greatstack.dev/go/youtube
This video was recommended as soon as I opened RUclips. What an exciting tutorial it is.
you are amazing i remember when you used to make small projects videos now your making clones for big apps this 10x more amazing keep posting we want series for big apps like this long videos
Thank you sir....Very very greatful for this tutorial. ❤
Congratulations on your efforts and making such informative videos.
❤❤❤
Hello, my best lecture on you tube that i have ever meet, that is an amazing tutorial. I recommend you make a tutorial on how to host a website online. Thanks for you great effort to share your knowledge with us 👍👍
Please create one video on JWT authentication in ReactJS or NodeJS in such a way that any beginner can understand and can get a full explanation from scratch to advanced.
You can explain using any project also.
Thank you for these tutorials
I just completed this React JS project. Thank you for this RUclips clone. It really helped me a lot. Best RUclips channel to learn and build projects. Keep creating more like this. ❤
Can you help me I am not getting some issue in Play video.jsx file
Not able to fetch the video title
Nice bro your video is more impactful as compared to others
Thank you sir always grateful 🙏
Gooood❤❤
Great Video❤👍👍
awesome work bro
Thanks this projects help me alot.. Keep going..
Thank you Sir
Thank you brother for this exceptional work. Can you make a video on the deployment of a website?
bro, Can you make a paid website video . I mean a website that have best SEO ,smooth search ,better Code with MERN
hi, just a suggestion, i think it's better if you also include the browser in your screen beside your editor while you code so we can see the updates and changes :)
Love you sir ❤
It will great pleasure for us or me
If we get c++ language learning video in your channel.
I hope you will upload a video for learning c language.
Especially i am fully satisfied and great understanding from your video
Good job
Thank you sr
Hello, thanks for the video. Could you make one also using Nextjs.
Mission accomplished. Thankyou ❤
Hello bro,
If you may share the code cause am stuck at 1:02:28 and I can’t find the fix
It would help me a lot, much appreciated
nice video
Çok teşekürler videonu 3 defa dikatle izledim ve 2. izlememde projeyi bende yapmaya başladım anlamadım tekrar tekrar izledim (2) şuanda bende yaptım çok mutluyum 14 yaşındaydım ve arkadaşlarıma hava atıyorum senin sayende ben hindistanlıları hep kötü bilirdim ama senin konuşmandan belli iyi biri olduğun kanalına abone oldum ve şuanda tüm videolarına like atmaya başladım. (konuştuğum dil türkçe benim)
Best tutorial to create RUclips clone using react js and RUclips data api
missing sub button , search and navbar on small screen is not toggle navbar upload video uncomplete just i have little confusion about and on the other hand all the tutorial is superb
I think you need to add functionality to the search bar too, seems pretty straight forward, but you may have missed on it
Just ignore this and continue following the tutorial because the actual API calls work from the app. Its just giving 403 errors in youtube api page on google console
@@rossjames4765the entire application works for me, i just found it weird to have a non functional searchbar 😅
❤❤❤ from nepal
Yes sir
Hi there. Can you also bring some basic backend projects using nodejs, express and mongodb...in the near future.Thank u
please do make a video on how to deploy this project on vercel
Hey could you please tell me how are you able to see hint(suggestion) in same line when you write any thing in editor or terminal?
Which UI library is being used in this video? BTW thank you for sharing this content.
Can you plz make a video on add to cart in e-commerce website
Bro make react projects using tailwind css too.
Bro can u upload react js project based tutorial udemy or utube it will helpful for all
Sir, when i want to add Commentthread API it shows 403 forbidden and says API limit exceeds , how can i fetch the comment api ??
Please bring Some videos on Typescript too I am finding it difficult to implement it with react
Why use normal css instead of module css ?
Should I try to do this using module css ?
bro please make an video on ai project that generate title , description and tags for youtube video in react js
please provide a video on how to deploy on vercel
Please start on React js tutorial
please make a couese on how to deploy
How to decide which dependencies should be mentioned in useeffect?
Why you are not using css frameworks
how can i add search functionality of youtube when we search something in response youtube send data
This is great but I wish it was in MERN stack
Bro when I click the list in RUclips data api it is always remains with the string in the APIs Explorer how can I change IT
can we upload video ? if not please make so we can upload video and store it in firebase storage
when I was studying a RUclips clone as in the video some of the links in API in RUclips API were incorrect despite some of them being correct what should I do sir
Thanks! I had built 🎉. Can I host this project by using firebase Does it work?. can anyone answer
Sir please make project with redux-tool kit
great tutorial but my app refused to run and its showing typeError: cannot read properties of undefined (reading 'map') typeError: cannot read properties of undefined (reading 'snippet'). please help!
Hello Sir please can you do the same with angular?? thanks
It is with backend also??
How to upload it online brother? Like hostinger and github pages
please create video on how to use context in react am getting confused
You are my love 🥺
When I minimize the screen, the Feed section will encroach inside the sidebar. Can anyone explain?
Hey GreatStack I have a problem regarding the E-commerce website tutorial you have uploaded and it has to do with the images being too big and that has made the website look very different to what you shown in the video is there any way of fixing this thanks
Hi, there might be some issue. Just message me on Instagram, Will help you to fix it.
instagram.com/greatstackdev/
1:00:39 play video jsx file import all video1 and like, dislike, dhare , save , jack , user_profile .but it not showing another page video why . anyone please answer to me
same here
In your JSX code and specifcy component rendering, state management, and routing. This will help diagnose the issue effectively and also for to={ dont provide any space}
😍😍😍
does not getting the request parameter from youtube api v3
Hello can I ask about your Extensions which Extension are you using for typing for example rafce is bringing reactArrowFunction
React es7 snippets
thank you, please dedicate the video on how to deploy your website have really struggled with netlify but getting 404 error
Make a build folder first
Spotify full fledged clone
i got 400 err while opening the video catogory sir, so what can i do for that
can you do this using nextjs
Could I put this project in my resume
please use word wrap
Sir It will showing error like 400 which is bad request will you provide any solution for this ❤
2:39:29 comments are not being added I am not getting what's wrong, any suggestions?
26:42
How to deploy a project online
Hi can you copy the video player too ? :)
we need instagram clone also in reactjs
1:56:27 can please anyone help me that i am not finding the viewcount in api
i am not getting show code option when i logged in youtube api data url, to get that fetching url.. how can i get it, pls help me
same problem , but if you see on the top right of api explorer there is full screen option by clicking on that it show you the code .Hope it helps!
hello on my site youtube API not working what to do
can someone provide me the code if someone has i am stuck and cant figure out
2:26 video title, views , comments, channel name has not changed
1:00:39 play video jsx file import all video1 and like, dislike, dhare , save , jack , user_profile .but it not showing another page video why . how can we solve this problem
@@karthikg7698 I am not getting your point
history.ts:501 No routes matched location "/video/15/4521" this is the error in console
Thanku
can anyone know how to make work search bar?
bring a deployment video for us
Sure, I will make that.
15:37
How to host that mern stack project online free
why is the video not playing after I put videoId ?
Yes same problem I am getting an error occured. Please try again later
@@taranimalayala1895 go back to your app file on the route remove all the spaces
👍👍👍👍👍👍👍👍👍👍👍👍👍
Are you building a UI clone of RUclips or a Website clone of RUclips?
1:48:39
The live preview isnt working😢😢
if anyone complete this project then pls provid source code
Why not the api is working??
It is showing some 403 error
mine too
not working for me as well. same error
403 error occurs due to incorrect file path
Not showing png images sidebar ...jsx please anyone help me
use the import statement
import home from '../../assets/home.png'
after that add img tag in return div
@@GreatStackDevi used this import statement but not working ..
I think u should check u are folder structure.
TIMESTAMPS
Where is amazon other parts 😢
I will make that, if more people are interested and comment on amazon clone tutorial
@@GreatStackDevyes please we want the other parts
@@GreatStackDev yes absolutely
React ka kuchh pda leta poora Din bass isme lga Diya 😢