Build and Deploy a Modern YouTube Clone Application in React JS with Material UI 5 | RapidAPI

[@tanayvaishnav3888]

Thanks Adrian for the awesome video! 🙏 👇 Time Stamps 00:14:55 - Layout 00:24:25 - Navbar 00:36:06 - Feed & Sidebar 00:50:02 - API Data fetching 01:04:00 - Videos 01:31:07 - Profile page 01:51:30 - Search 01:57:29 - Video Details 02:17:30 - Deployment

[@Bigchungus-n2b]

This is the best place to learn to make React apps, master JS, learn React and what not. Crazy channel, crazy content, and absolutely mad respect to the instructor.

[@SatyamWakchaure]

I discovered this channel 4 months ago and am amazed at the content quality. fine-made video. Thank you so much for this amazing project video, I learned so much.

[@javascriptmastery]

Thank you so much! Glad you like it :)

[@aseem4007]

Hey can u help me

[@aseem4007]

I am facing some code issues

[@SatyamWakchaure]

@@aseem4007 SURE 👍👍

[@aseem4007]

@@SatyamWakchaure send ur no

[@OPGAMER.]

My luckiest day when I discovered this channel. Thanks Adrian. Love from India

[@javascriptmastery]

Greetings to India!

[@lukagolubovic3641]

Hey Adrian, I just wanted to thank you from the bottom of my heart for creating videos like this one, you are one of the people who helped me to get my first programming job and I feel the need to express grattitude to everyone who helped me along the way :) this includes Academind, Fireship, Traversy Media, Lama Dev, kudvenkat, Laith Academy, Jack Herrington, The Net Ninja, Web Dev Simplified, Bro Code, freecodecamp, IAmTimCorey, Theo - ping gg, Mosh, Ben Awad, Tech with Tim to name a few, I am very grateful for you guys! HVALA TI PUNO!

[@tewfikbounoua6020]

ur full stack dev?

[@ZawCodes]

I like the pacing of these videos. Already followed like 3 or 4 projects. I put the MERN project in my resume. And use the same project structure to do the interview assessment test and got an offer. Don't know why I felt like telling this but keep them videos coming.

[@tauhid8k]

Hey, can I get a little help how did you get an offer & what was your approach in short?

[@jeankoppenjan486]

@@tauhid8k I would love to hear that too!

[@ZawCodes]

@@tauhid8k I was an angular developer but it is hard to find angular jobs so I needed to learn react. I learn react by following vids like these. And added a mern stack app into my cv so that I qualify as a react dev. The rest is about finding opening positions and sending resume to their hr email everyday.

[@tauhid8k]

@@ZawCodes Okay that's how it is. Thank you. XD

[@veedjohnson]

Hey man. Great story. How many of these videos did you use btw? Also do you mind sharing your resume?

[@hamzahmd_]

Is there any clone left on Earth, because Adrian is definitely gonna build an awesome web application out of it?

[@javascriptmastery]

Haha, good one! :D

[@abhisekgupta1543]

​@@javascriptmastery movie booking app

[@gambomaster]

Yes javascript mastery's own website is still left to clone. 🤣🤣🤣

[@memesbond]

@@gambomaster yeah bro😁

[@memesbond]

@@javascriptmastery please Make a Clone of JavaScript Mastery Website🥺.... It Really Looks Awesome...

[@waifufx]

I love this due to the fact that it is a neat Material UI Project(because I do not like boring Material UI projects) . Thank you JSM, Guys let's pump his subscribers up to 1 million and more. Let's go. Edit: Thanks guys for the likes

[@javascriptmastery]

Thank you so much!

[@waifufx]

@@javascriptmastery Yes Sir

[@gouravjoshi3894]

And here comes my most favourite line after completing my project, "Hi, there and welcome to a project video".🔥🔥🔥🔥

[@javascriptmastery]

Mine too!

[@HariHaran_10]

Thank you so much Adrian.. Today I got land in my first tech job.. Just because of you and your excellent projects. Thank you so much

[@carloseduardogomes9262]

no words to express how amazing this work is.

[@ancoorbanerjee]

I love your content. Can you please make a complete MERN stack project once? Looking forward to it with login handling authentication and authorization is something many people fail to understand correctly. Being able to see it in the form of a project will definitely help. Love from India

[@javascriptmastery]

Yes, coming soon!

[@code.7027]

@@mohithguptakorangi1766 it's outdated so many errors but still we can do it by searching in Google but a new tutorial will be better

[@ontheroos]

Using REDUX please!!!

[@ontheroos]

@@javascriptmastery using Redux please!

[@ilyasdev]

Using redux toolkit. Appreciate

[@shinovar5465]

I love this detailed tutorial for react and mui and rapid api but the only issue i have with this is you don't go step by step in terms of the from 'scratch' aspect, meaning that the dependency selection and grunt work process/thought process is what would additionally be extremely helpful.

[@Steven-wo9bm]

agreed, just by going to material ui website and copying the given npm package gives you the dependencies necassary. Also by just opening the youtube-clone folder in "open folder" already gives you the index dependecies

[@user-qt2mg1de7m]

Helpline📲 Your Questions can come in.

[@Factvideo014]

Bro this is free 😃 learn and understand the things

[@tristanpicotte7784]

Finished this up today! Had a couple of random errors here or there, but otherwise it went pretty well. Definitely got some good practice in, this is my first time working with material ui, and there were some styling syntax that I was unfamiliar with. Need to look more into it, but otherwise, think it went well. Will need to check some other tuts and see what else I can learn from the channel!

[@minthantoo3509]

Hi. At 57:30, Is this itinerary operator? Where does search, part, snippet and q come from?

[@Factvideo014]

@@minthantoo3509 it came from param in api dynamically

[@lo_sten]

@@minthantoo3509 API Query Parameters

[@curious9208]

Heyy can you please tell if you got error 429 ?? What to do?

[@arogyaanepal6993]

wait another day too many requests@@curious9208

[@abdellahdamri656]

Ohhh It's here! This is AWESOME and Im hyped! I'll start coding right away. Thank you so much Adrain!!

[@javascriptmastery]

Glad you like it! :)

[@mahadabdurahman]

TBH, IDK why this channel has not got 10m subscribers. Thanks a million time.

[@javascriptmastery]

Thank you!

[@sushantpandey2127]

I don't understand how and why you are writing 'videos?part=snippet,statistics' and 'search?part=snippet&relatedToVideoId=' ?????

[@itsayesha4440]

For the second time i was building this project and so glad to complete it also deploy it. thank you for this video i had learn how to send request on rapid api, how to use rapid api and how to fetch data

[@patientson]

I like the descriptive nature of this react. Anyone that watches this will be so impressed they will pause, like, suscribe and learn. Then letter learn and configure their own. This is the best 👌 I have seen. Thank you very much.

[@javascriptmastery]

Thank you so much Donald!

[@bondedagiih5762]

Great video, for those who have an error in the Feed, Fetch Api brings with it the playlist in addition to the videos, it is necessary to filter the playlist and leave only the channel and video.

[@javachat1_is_my_teleqram_id]

👆🔝 For help questions can come in 👆

[@calm_vibez]

The website itself looks fabulous, on top of that I love how everything is explained so well including the requirements, what we would learn from this and heaps of other things! Great video overall.

[@abhishekbhure-e1e]

have you completed the project?

[@tahawahiddaw6259]

did you ran into any problems like API couldn't able to fetch data? kindly let me know

[@calm_vibez]

@@abhishekbhure-e1e Nope, I was stuck on some part so I left it for later since I realised I needed more experience with Reactjs before finishing the project.

[@calm_vibez]

@@tahawahiddaw6259 Apologies for late response, yes I got the same issue as well and have left the project for later.

[@naveenbisht5543]

Do we have to pay for api or something?

[@PratikGaikwad-e4n]

For anyone who is having extra space after the channel card and between video cards, its due to the playlists. Console log (videos) and check for the search results, you'll see channels are also present. Create a similar component for Playlists like the Video and Channel card.

[@erkinyusupov3998]

"Wow, this KZbin clone tutorial video is top-notch! 🙌🎥 It's a fantastic guide that breaks down the process step by step, making it so much easier to understand and follow along. Kudos to you for creating such an informative and well-explained tutorial! I'm feeling inspired and motivated to dive into my own KZbin clone project. Keep up the great work! 👏✨

[@ruthchirwa647]

Hello I have a problem with the video card and the channel card. The videos aren’t showing but I have done everything you have said. Please help me

[@girikrishna7235]

Best programming KZbin channel to exist right now

[@javascriptmastery]

Thank you soo much!

[@PAMTech]

I've been waiting a long time for this video, Building App using Material ui ♥️

[@javascriptmastery]

It's finally here!

[@dannyjeanlouis6883]

Just bought FilmPire. I'm excited for what I will be learning. Thanks

[@javascriptmastery]

Enjoy! 😊

[@forgedabstract7288]

For anyone stuck at videoId/channelId where the videos.map takes place, the structure of the array returned by the API has changed - it used to be item.id.videoId but now it is 0.item.id.videoId so you need to map video[0] (video[0].map(...) instead of video.map(...)). Hope this helps!

[@irshadansari1104]

appreciated

[@pineapplejuice9814]

This helps mate , cheers

[@KazeChannelKC]

can i see your code? i still get error

[@JustchillBro9]

I am getting axios error @@KazeChannelKC

[@JustchillBro9]

I am getting axios error

[@itsanil3331]

Your talk(codding)boom boom...no better youtuber than u that i currently find on KZbin 🔥🔥

[@javascriptmastery]

Thank you! 🔥

[@shadialmohtaseb6419]

I love you JavaScript Mastery ❤️❤️

[@javascriptmastery]

❤️❤️

[@EasyGTheTechGuy]

This channel is literally my one stop for everything JavaScript 🙂. I've really learnt a lot, without having to pay a dime for a udemy course 😒. That's why I subscribed 😊 Keep up the good work. 👍🙌

[@徐路奇]

If you get the problem about 403, like AxiosError, I deanl with it by click the button of a at the website API Documentation

[@karachiintermediatemaths7006]

i subsctibe but error still there 403 bad request

[@zoey5104]

Thank you very much

[@Quillraven]

In case other people face similar issues/warnings/questions (note: I am developing in Webstorm and I used Typescript): - from what I saw "exact" is no longer allowed in a Route. So """ is correct. "" will not work - in order for React to pickup your .env variables, you must prefix them with REACT_APP. Otherwise, you cannot access them with process.env - The shorthand versions like "category.name === selectedCategory && "#COLOR"" will not work and I would argue that it is very questionable code. The result seems to be "false (boolean?)" if the first check fails which is then weird to assign it as background color. Therefore, I suggest to use the ternary operator to make it clearer and correctly return a string. Like: "category.name === selectedCategory ? "#COLOR" : undefined - I am not sure why the author changes between async/await and then when working with Promises. He did not explain it. Anyway, if you want to also use async/await in your useEffect to be consistent, you can also do that e.g. via the IIFE format: useEffect(() => { (async () => { const data = await fetchYtAPI(`search?part=snippet&q=${selectedCategory}`) setVideos(data.items) })() }, [selectedCategory]) - CardMedia does not have an "alt" property it seems. Just remove it Besides those small things, it is really a great video! Thank you :)

[@teddyo2538]

this help me alots tks

[@manasayjoseph1075]

This is the best youtube channel on js . I dont know why this is underrated

[@shashankkr1008]

Please make a video on how to look through a huge codebase if we want to contribute to opensource and also on how to debug a project. Thanks, you are doing a great work!

[@javascriptmastery]

Great suggestion!

[@islamgoher]

@@javascriptmastery We're waiting this video. Have you done it?

[@OfficialOlue]

Around 1:02:47, I get error code 404, even though I'm positive I typed in the right key. Tried both environment variable and typing directly. Any suggestions?

[@minthantoo3509]

Hi. At 57:30, Is this itinerary operator? Where does search, part, snippet and q come from?

[@KazeChannelKC]

I have that same 403 problem, have you solve it?

[@andrijaorevic432]

@@KazeChannelKC Just remove optional chaining (?.) for thumbnail, banner, etc.

[@sdfsfsfd437]

Hi there. At minute 37:55 Why the intruction: works perfectly? I am confused. Why that second sx inside the first sx? Here: sx: 'column'. Wouldn't it be right xs: 'column' ?

[@robsta76]

Hi all. I have been following this tutorial and I added the dependencies. However, I was getting the following error (Error: Can't resolve 'react-router-dom'). This is because I needed to do npm install to update the tree. This was missed in the tutorial. If anyone does face this issue, please remember that if you update the package.json you will need to add the following command in the terminal. Great tutorial by the way. Am new to react and finding this really useful. Thanks

[@ahmetkocak9086]

which command? can you please write?

[@robsta76]

@@ahmetkocak9086 if you change any of the dependencies you need to write “npm install” in your terminal (ensuring you are in the correct directory). This will update the dependencies and the error message will not appear. Hope this makes sense. HNY!

[@ЛіляДякович]

Have you had any problems with Cors? Because I get an error that Core is blocking my request. And I can't fix it

[@thesm9734]

Thanks a lot Adrian! You're teaching me a lot more than Uni did

[@fichamann1527]

Tip: Si estas trabajando con typescript les recomendaria que en la parte del Sidebar cuando implementamos los iconos, en vez de que en el array pongan [ { name: name-icon , icon: }, etc...], mejor quitenle el tipado de componente de react (los "< />") y cuando lo vayan a usar en categoires.map, utilicen

[@kennedygitahi]

Translation: "If you are working with typescript I would recommend that in the Sidebar part when we implement the icons, instead of putting [ { name: name-icon , icon: }, etc...] in the array, better remove it the component type of react (the "< />") and when you are going to use it in categories.map, use " The above also applies if you are using Vite. Thanks, @fichamann1527, saved me a lot of headache

[@facundodominguez1063]

algun tip para no tener que pagar para usar las api? 🤣

[@fichamann1527]

@@facundodominguez1063 no queri nahh oeee xd

[@facundodominguez1063]

@@fichamann1527 jajsjsjd empecé re entusiasmado y cuando me di cuenta que tenía que pagar para usar la api dropee todo 🤣🤣

[@fichamann1527]

a? que yo recuerde, solo te creas una cuenta y enlazas el token de acceso para poder hacer peticiones a la api, pero es limitado onda, no mas de 100 peticiones por dia.

[@venkymandadi1754]

Best youtube channel better than many paid courses.. Keep growing.. God Bless you...

[@farhanibnesaif]

Just for your teaching qualities I have purchased js mastery pro 😁 You are just awesome 🤩

[@javascriptmastery]

Thank you so much, I appreciate it!

[@hamzamalik-kf8wz]

channel card not showing it is giving error Failed to load resource: the server responded with a status of 404 ()

[@UpdaterMC]

Whew never thought there will be a tutorial like this on yt! And ofc if it is it would be on this channel 4 sure! Keep going with the great work

[@javascriptmastery]

Thanks! Will do!

[@sarthakmoriya541]

how do i know to url's you are passing in fetchFromAPI when calling it is it available on The reference API???? please telll...

[@shadialmohtaseb6419]

You voice is perfect ✅💙💙 i love that

[@javascriptmastery]

💙💙

[@ifeanyiorji3343]

Awesome job, Adrian. However I had a problem consuming the APIs. I'm quite new to this so i don't know what's wrong but i keep getting "localhost/:1 Uncaught (in promise) AxiosError {message: 'Request failed with status code 403', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}" in my console. Can you please help out?

[@maimohammed817]

me too I have the same Error any one find the solution

[@amirsade5110]

​@@maimohammed817 i have tried many ways since 3 days ago to solve this problem i need this 😒😒😒😒😒😒😒😒😒😒

[@TekEd2023]

I think the problem here is the constant js?..

[@maimohammed817]

@@amirsade5110 I discover that my problem is 'I forgot to make a subscribe in rapid api '

[@rudreshjha7166]

I m stuck at this problem also , I have literally check code many time and there is no error from there and I even created a rapid API key from difference account but it still doesn.t work.

[@reality.10]

is an mobile app or a website. i am confussed, you apps then say website, what is it exactly. can you make video on how to make a fully functioning audio player app for mobile devices for both ios and android

[@OsmAnaa]

So much informations to acquire, you are great and different in a good way,keep up the good work 👍 I just wanted to give a small feedback though: I think it would have been so helpful to understand the different APIs used if you took us in a detailed journey into each and every api and explain it's params I would also like to ask you if possible, to dedicate a tutorial on all about APIs Thanks.

[@notsphinxz]

No need to Thank you! Purely Stunning Project! Everything was made Perfect!

[@unpromisedNeverland]

I love your content! Thanks for sharing your knowledge with the world!!

[@javascriptmastery]

Glad you enjoy it!

[@DualCookies]

Do you know why some of the ChannelCard images are giving "Failed to load resource: the server responded with a status of 404 ()"? Some of them load and others just fail.

[@NgocQuy16]

Anyone getting "403 strict-cross-origin-when-cross-origin" just leave the x-rapidapi-key in the fetchFromAPI file, don't put it in the .env file

[@atharvamali3081]

Absolutely loved your content. Can you please make a complete MERN stack project on Automated College Placement System?

[@javascriptmastery]

Cool idea!

[@fulstak]

Thank you first of all for your videos. I'm getting an error when I get rapid_key from .env file. The error's name:"Axios Error", code:"ERROR_BAD_REQUEST". However, if I put key directly fetchFromAPI file, it is working fine. I do not want to push my secret key to my github. What can I do in this situation? Please help.

[@karachiintermediatemaths7006]

i also got error axios error 403 how can i fix this

[@secretsorcerer]

Thank you so much, Sir. Again a perfect project for learning MUI 5.

[@javascriptmastery]

Thank you! 😊

[@olorunfemiallo1917]

I'd love to commend you for dropping such informative and educative content for free here on KZbin, thank you so much, I really gained a lot from this tutorial though this is the very first tutorial of yours I'll be watching and it's really helpful but the only criticism I'll give this particular video is you were not as explicit as possible there are a lot of things you didn't explain explicitly. Personally, I will not recommend this tutorial to a beginner cause it's not that explanatory in the slightest(I'm talking subjectively now), you did a lot of things I personally did not know and you didn't explain what it does or why you did such thing but nonetheless, it is an awesome content

[@samialvi4226]

Agreed, anyways you can use ai to explain what he did you didn't understand! overall that was a really infromative and well structured project tutorial!

[@bengalvibe2443]

It would be much convenient if you make short playlists on every section rather than a whole 2 hrs video. It would help us to learn as an online course system such as Udemy. Btw YOU ARE AWESOME ❤❤🎉

[@easilyCoded]

lol. If you have short attention lifespan, then do something about it. but this is an educational video, so even 9 hours straight video is welcome.

[@RaufKhan-lz6pi]

Please explain why this error occurring ERROR in ./src/App.js 5:0-64 Module not found: Error: Can't resolve 'react-router-dom' in 'C:\ReactProject\youtube_clone\src' ERROR in ./src/App.js 6:0-36 Module not found: Error: Can't resolve '@mui/material' in 'C:\ReactProject\youtube_clone\src'

[@navyaarora5122]

Hey! Great content! I am facing an issue "Uncaught (in promise) AxiosError" 403 status error in receiving array of videos at 1:02:57 in your tutorial video

[@javascriptmastery]

Try checking whether your API keys are coming through

[@navyaarora5122]

@@javascriptmastery Yes, I just checked

[@shanli6502]

Hi there, did you fix this issue? i am stucking with this right now....

[@shanli6502]

nevermind i figured it out

[@muhammaddaniyal3322]

@@shanli6502 How?

[@stijnpaepe652]

I have the issue that whenever a channel card is shown it doesn't load the channel pictures just a black circle any suggestions on how to fix this?

[@adityaboghara6634]

Facing the same issue. Need Help

[@mathemediaworld9711]

API is not working

[@hassanshakil8185]

When ever I try to fetch API it is throwing 403 error, I'm stuck at that point 1:03:32

[@barton5787]

Amazing video- really digging the app. If anyone is currently having an axios error within browser console with a 403 status, it may be your axios version (00.27.1 being the version in question) I resolved this by changing the version number to "axios": "^0.26.2" in my package.json. Hopefully this will help.

[@ifeanyiorji3343]

Thank you so much for this!. I should just change the version then restart the application, yes?

[@barton5787]

@@ifeanyiorji3343 Save the new package.json with the correct version and you should be set. You may have to ctrl + c out in terminal and reinitiate an "npm start" but it worked immediately for me.

[@ifeanyiorji3343]

@@barton5787 Thank you so much!

[@sanchamansubba8965]

yoo Thank you :>

[@gopikrishnan8999]

Bro this solution is to fetch the video s in console i didn't get the data it shows array(0) for me in console

[@KeskilChnProgram]

Aaaah the new project from this magnificent channel!!!🤩🤩🤩😱😱😱

[@javascriptmastery]

Glad you like it! :)

[@shippinginside7029]

Just want to share. I built the project and all was working except the one thing: once I tried to play a video I received an error. I checked the network and found that I was sending POST requests(but I was not). So the problem was fixed by just deploying the project

[@rachidrachid-lo5uq]

Let's get to 20k likes guys

[@rushikeshavachat4282]

Why there is no Footer in your Application Adrian.Please Answer !!.You are awesome bro to build new fledged,modern ui/ux design & responsive website.Keep up a Good Work to inspire many developer like me !!Thank you to upgrade my skills in React,NextJS & TypeScript.I am following your video regular since last 1 year!!

[@javascriptmastery]

Thank you so much!

[@Heheh01737]

a good way for watching youtube videos without ads

[@ayushdedhia25]

This man is unstoppable 💯🔥 Love you JSM ❤️

[@javascriptmastery]

Thank you!

[@Ghostrider-gz1tf]

@@javascriptmastery brother, what is SX SX meaning. And videos not change in categories

[@darshikaDiary29]

i just completed and deployed my project... thank you for the tutorial.

[@kartavyasharma6272]

Hello i just learned reactjs i am looking to make projects can you please tell is it okay as a beginner to make this project. Also what was your approach to completing this tut and how much time it took you. I want to make at least 3-4 projects. I am getting confused which projects to make that i ashow in my portfolio. Thankyou

[@darshikaDiary29]

@@kartavyasharma6272 i believe it is a good project for a beginner and took steps as per. the video only when through material ui doc also, each things or logic that is used here is well explained.

[@kartavyasharma6272]

Thankyou😃

[@darshikaDiary29]

@@Lanterns09 yess..

[@sanketgawande3667]

Thank you JS Mastery for such beautiful content here on KZbin for free , appreciate it. Waiting for project focused on back-end, secured routes and Smart database management.

[@erickdamian9157]

I just finished watching the video and finished making this app thanks to you 😃

[@javascriptmastery]

Great 👍

[@joaonascimento3574]

Ahahaha that's impossible. He just did the upload 20min ago and you already watched and replicated the project ? Ahahaha

[@erickdamian9157]

hahaha you got me there but im half way done

[@shadrackdarku8613]

@@erickdamian9157 🤣

[@KhoaSebastian]

wow, my weekend is going to be excited!!

[@javascriptmastery]

Good luck!!

[@asmarali4167]

I am only five minutes through the video, and I already it's gonna be awesome!!!!......Thank you so much JSM, you are the best!

[@alipasha7275]

When i see a new video on channel, i say yeeeeeees that's awesome 😍

[@javascriptmastery]

Thank you! 😊

[@dominikawojewska3985]

woah, I'm watching this tutorial a year after it was released and the JSM channel went from 379,000 to 723,000 subscribers. That tells you something

[@javascriptmastery]

Thanks!

[@pranavvenkata475]

What does the sx prop inside the flexDirection : {sx:'column',md:'row'} do? I could not find any documentation regarding the inner sx property. I am assuming it means the default direction.

[@romanmelnychuk6121]

I suppose this is the default value

[@minthantoo3509]

At 57:30, Is this itinerary operator? Where does search, part, snippet and q come from?

[@MohitSharma-rz1uq]

awesome content....just a smol doubt....how to i know what to write in the url part that we pass for ex...../videosq=snippet.....or at 2:10:19 ...how can i know what to write

[@treyrader]

videos is called an endpoint. after endpoints, you need your required query params. q stands for query, which in this case is snippet and id. & character should be self-explanatory. Hope that helps. I am just learning this too myself. I bet there's excellent youtube material on query strings. Let's use our application to search lol

[@adrianjimenezcarrion6692]

Between Producer and Signature, wNice tutorialch SKU would you recomnd? Is Signature worth the 50% price bump? ItNice tutorialnk I want to have

[@robertobenedit]

You are the cleanest teacher I ever known , the voice, the video, the order, I really enjoy and learn with your videos, what a great channel.

[@jayparse970]

you are a very good teacher in the wold 😍😍

[@bikitirua5935]

Your always lunch premium course 🔥🔥

[@muhammadnoman8696]

my ideal my teacher i am always waiting for your videos and my most favourite line "Hi, there and welcome to a project video"..... love you adrian😍😍

[@simrandev752]

Hi! Can you please tell me where he copied the 'index.css' file from? I just started its at 13:55

[@uv_codes]

The API is not Respecting "maxResults" property. Also, Please Explain How to use "NextPageToken"

[@sonymaxofficial398]

but notNice tutorialng seems to work. Tried built-in content, and scarlett solo. What's the hardware you have? windows mac? special soft card?

[@jeremiahope3998]

Can a video on how to create a learning management system which supports live streaming, chat, quizzes questions notifications, dashboard view and ability for most university to login with their own unique “.edu mails”

[@mindbodyps]

I learned Ant Design from one of your projects and I'm addicted to it, its the best library and very easy to use, with a lot flexibility

[@utkarshgupta4209]

i liked the video but i am facing this issue again and again Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization

[@Itsmepanda]

Even though I don't understand, but I really enjoy every second of the minutes of the lessons given

[@ameenkolapo]

This is a great tutorial. Since I found your channel, your videos is my number one go to.

[@lokeshnegi5051]

what ever I think of is already uploaded on your channel. thank you so much dude.

[@God_of_Kiwi]

I am in minute 31:50 I am in minute 40:01 at this stage my Feed component is still white even though his is black 😥😥 I am in minute 58:51 I manually added {color: 'black'} to the Feed component I am in minute 1:03:50 The videos did not show up, I had an empty array...So instead I left the API in the fetchDataFromAPI.jsx folder instead of moving it to .env, everything worked fine. Can someone plz explain why this works?

[@fanyang9597]

[@ReelsPassion]

the vidoes didn't show up can you help me

[@God_of_Kiwi]

@@ReelsPassion sure, at what stage of the code are you at, or can you send me the link to the github repo?

[@nikunjmehra935]

The component is white because it is a media query, it is for medium screens. If you have resized your browser window, maximize it and it will be black.

[@I_Fail_We_Learn]

hey man same issue i am not getting the list.

[@vishnusuhaas8682]

why do we use snippet?.thumbnails?.high?.url instead of snippet.thumbnails.high.url? Is it synatx or any other reason?

[@trexon2360]

i dont know if its new, but there is a playlistId from the fetchdata you are not taking care of, and this breaks to ui. check

[@mastergamers6991]

Ur content is mindbliwing i wish ur the most subs youtuber in the world

[@javascriptmastery]

Thank you so much! :)

[@alisufiyan5133]

watching later liking it now so the content upload and motivation for adrian continues.

[@javascriptmastery]

I appreciate that

[@moonxflair]

and today I did my first full production build project. Thanks alot❤❤

[@virupakshavegi4405]

Hey is the api working??

[@estherjonathan_]

Alot of people here find it difficult to setup the .env file in Reactjs Can u work on a tutorial based on how to setup a .env file on Reactjs because it doesn't just work based on this particular even it worked on your own... Highly appreciate it... Thank you been following you for ages now

[@vedantrasote8908]

Correct. I'm also having hard time making it work.