To those who are watching these 'coding along' videos and also coding alongside, don't just complete the project in a go instead take time maybe 1 week or less than that and complete one chunk at a time. This will help you to retain all the skills and knowledge you have learned throughout the video. Also, please take time to review whatever you have developed so far.
a suggestion for future videos, since most of the tutorials miss this point, which in my opinion is very very important. most of the viewers are new in the field of software development. therefore it would be nice to include in the video some bugs, how to find them and how to fix them. or how to read documentation of libraries or packages so we can learn how to use new things. otherwise we will get into a tutorial hell. I hope you will consider this. thanks
@@zerorespect9475 yes. these things. things that will teach how to deal with problems and so. because no project ever will be so smooth and without problems. and I have seen people give up because they didn't know how to trouble shoot or how to deal with errors. even I have given up on some project because of some of these things
Yep! First run at getting the videos in for the console.log('videos') and a mountain of errors is all I see and no idea where to start trouble shooting.
To all the new viewers. I have finished the TH-cam api tutorial everything works except using they key in the env. file and for the video detail using the responsive variant for typography. better to use the sx prop and define typography in there with the responsive attributes. I would say this video is very helpful if you already are familiar with react and each of its practices but for beginners I would recommend another video where they will explain everything that is done and its practice into detail. I went along and learned how this app was created but now im going to start building pages and reference this video to learn along my own journey of doing it from scratch and researching all the methods and practices so I can know what im actually doing and how it works instead of just following along with more videos. and then after that or maybe in the the middle of it find another video that's a dummy version that explains more into detail just so I can know what im doing and talking about. hope that helps everyone struggling in this journey as I am.
Watching tutorials won't make you a better programmer practice practice practice building projects on your own debugging on our own gives you a better developer 🙏
Been following this video lately and am almost done with the TH-cam Clone! I modified the API section so that it works in Vite and it’s AWESOME! Love the video!! 🙏🏼🙏🏼
very nice tutorial Adrian, I would like to see another such a tutorial where you would cover 3 or more diffrent projects using web3 API, Thirdweb or Moralis. I am fully fine to pay for such a tutorial. you are the best programing teacher, so if I would buy a coding course it would be firstly from you.
I just watched your new video and I'm impressed with the level of creativity and production value. Keep up the great work, I can't wait to see what's next.. I hope you're doing well. I'm looking forward to your new videos for our social media project. Keep up the great work! Can't wait to see what you have in store for us next. Thank you.
Sadly these projects never work for me. I´ve always got some errors, that I cant fix. I have no clue why. I´ve also checked the solution, but always the same errors. Frustraiting...
What I learn till 37:21 of this video which Tailwind CSS is awesome, I don't think nothing better than Tailwind CSS! by the way new react-router is out and now we have loader, action and new way of structure routes which I think improved much more
Hey Adrian 😀, Thank you for the video , as always you are back with a blast. Why don't you Make a video about how to access your channel's library the best way possible.
Thank you so much for all the awesome videos!! New to React but you explanation and tips goes a long way to tackle these full stack obstacles. Keep up your marvelous works!!
Great content, thank you for all the hard work! I was hoping, if possible to see some projects done in Nextjs 13 which is a game changer they came out with 13.1 combined with vercel, tailwind, typescript is a sweet deal. 😁
1/3 of the way through! Deployed to Firebase instead of Netlify but works like a charm! Your tutorials are legendary, thank you so much, Im having a lot of fun learning React!
Wow, wow, wow. This is crazy good. A Great content, thank you very much for all the hard work. I am a PHP/Laravel developer, but I'm planning to switch to Node/React or I should focus on the Laravel then maybe learn React as well. Please what do you suggest. Thank you for this wonderful tutorials once again
hey please make a mern stack big project like any management system which is containing 3 part frontend, backend and finally adding both Frontend and backend. this is my humble request please sir,
Thank you so much for your videos and Happy New Year! I know you're a JS account but can you please do a video about writing documentation for projects?
I really appreciate your video really informative and helpful. Thank you for sharing your knowledge and expertise I agree with you, and I also think it's important to consider JS Mastery as well...... I was wondering if you could do me a favor and a full ......... MERN stack project course launch it ?
just finished the first project, i had no idea about mui and i had some basic understanding about react. learnt many new things, totally recomended Update: finished the second project, sadly i couldnt make the HorizontalScrollBar work, so i changed it a bit. Also i had problem with paginate, instead i used react-paginate and it worked fine! I dont think im gonna try for the spotify app cause the API is paid now. overall im feeling lucky that i found this tutorial
Amazing tutorial for a novice like me. Thanks for sharing your mastery. I followed the youtube clone and managed to pretty much reproduce it on my localhost. I can't proceed because whatever channel or video I click on, it plays only one and the same video. I'd appreciate help from someone in this forum who might know why the video id is not dynamic. It's taken me a week to feel completely stuck
please i have a question... in the first vedio when you were fetching the data based on the selectedCategory, where did you get the api url from, i mean ( search?part=snippet&q)
Shazam core rapid API by Tipster is not free anymore, this was a re-upload of his project... Last time it was free but this time they just changed the pricing... I'm mentioning because some of you might get frustrated due to this reason, although concepts will be same,so one can opt for different API accordingly.
there are lot of MERN ,react project are on youtube,But no TYPESCEIPT its the industry most needed skills, so appreciate you can do more typescript react project
Hi Adrian ❤ I have a serious question. Many times I feel like I need a one to one session asking precise questions while following your videos and creating application. Are you providing this service ? I assume this would be paid extra but I really feel that these session could help me sharpen the understanding of the principles your teach us. Let me know please 🙏
when working on the 3rd project, RapidAPI give me this message { "message": "You are not subscribed to this API." } how is can test it or use it w/o paying please
In the TH-cam video, I keep running into an undefined error for the items while mapping the each item. I have try defining it using if(array && array.length >=0 ). It is still giving me the same error.
for me, I had to add a check to ensure that the 'id' property exists before accessing its 'videoId' property, as well as go into the Feed.jsx file and change the call to the Video component to this
![🎤 ไปกันต่อออ! จับฉลากร้องเพลง x P’ #XXSIVK [EP.2] (1/2) เพลงของใครจึ้งสุดน้าา 💓🎤 #MXFRUIT](http://i.ytimg.com/vi/mLI_K0sAS4o/mqdefault.jpg)
To those who are watching these 'coding along' videos and also coding alongside, don't just complete the project in a go instead take time maybe 1 week or less than that and complete one chunk at a time. This will help you to retain all the skills and knowledge you have learned throughout the video. Also, please take time to review whatever you have developed so far.
Have you completed all projects with code?
@@ShoaibKhan-hy7zt I did the first two projects. What about you? Are you a React Developer?
@@webhelpbyvarghab you build from scratch?
I would have to agree. Besides, if you are not strong in coding, a lot of this can be overwhelming.
is this suitable for react js beginners?
a suggestion for future videos, since most of the tutorials miss this point, which in my opinion is very very important. most of the viewers are new in the field of software development. therefore it would be nice to include in the video some bugs, how to find them and how to fix them. or how to read documentation of libraries or packages so we can learn how to use new things. otherwise we will get into a tutorial hell.
I hope you will consider this. thanks
I agree but this should also include effective trouble shooting techniques if not the people will get overwhelmed and give up.
@@zerorespect9475 yes. these things. things that will teach how to deal with problems and so. because no project ever will be so smooth and without problems. and I have seen people give up because they didn't know how to trouble shoot or how to deal with errors. even I have given up on some project because of some of these things
Well said (Y)
Yep! First run at getting the videos in for the console.log('videos') and a mountain of errors is all I see and no idea where to start trouble shooting.
also use the latest technologies techniques like all of the hooks and testing libraries to test them also
this is the beginning of 2023. It wont be boring :). Thanks Ad
Thank you!
I had finished the former TH-cam-clone course last year,but I think the new version is also worth to being learning.Thanks for updating the course❤
Totally agree!
@@javascriptmastery great one thanks man
To all the new viewers. I have finished the TH-cam api tutorial everything works except using they key in the env. file and for the video detail using the responsive variant for typography. better to use the sx prop and define typography in there with the responsive attributes. I would say this video is very helpful if you already are familiar with react and each of its practices but for beginners I would recommend another video where they will explain everything that is done and its practice into detail. I went along and learned how this app was created but now im going to start building pages and reference this video to learn along my own journey of doing it from scratch and researching all the methods and practices so I can know what im actually doing and how it works instead of just following along with more videos. and then after that or maybe in the the middle of it find another video that's a dummy version that explains more into detail just so I can know what im doing and talking about. hope that helps everyone struggling in this journey as I am.
Your projects are almost single handedly helping me become a developer. Thanks
how are your dev skills now, wdythink?
Watching tutorials won't make you a better programmer practice practice practice building projects on your own debugging on our own gives you a better developer 🙏
Great job, JS Mastery, can we please get more videos on MERN stacked applications this year? :)
Absolutely! I'll try to do that as soon as possible! :)
@@javascriptmastery Yes make also MERN STACK like Udemy ,youtube, clone.
@@javascriptmastery cant wait MERN project using Next13
Been following this video lately and am almost done with the TH-cam Clone! I modified the API section so that it works in Vite and it’s AWESOME! Love the video!! 🙏🏼🙏🏼
Were you be able to monetize is on Google adsense ?
Great start to 2023 by @JavascriptMastery.
I am pretty sure it would continue...👍
Yess!
Getting a lot of practice reps with React , Material UI, Rapid API and new extensions to play with . Thank you for this content!
For help Teleqram me 👆..
👀 It's not even normal brother 😂
Wow! The 2023 start is amazing, looking forward for more projects 😉
Love from Pakistan ❤️
Am Shabir from Rawalpindi where r u from
@@maimona6484 Peshawar
very nice tutorial Adrian,
I would like to see another such a tutorial where you would cover 3 or more diffrent projects using web3 API, Thirdweb or Moralis.
I am fully fine to pay for such a tutorial.
you are the best programing teacher, so if I would buy a coding course it would be firstly from you.
For help Teleqram me 👆..
Wow you are spoiling us with those 3 projects! Thank you and have a good year 😀
You are so welcome!
Compiled with problems:
×
ERROR
exercises.slice is not a function
TypeError: exercises.slice is not a function
Thank javascript mastery he make 2023 better and enjoyable project
Yess! :)
Thanks so much for all your tutorials Adriant, you r the GOAT !!!! hi from Rome
Great content. Hope to get the house dirty soon
Definitely! :)
I just watched your new video and I'm impressed with the level of creativity and production value. Keep up the great work, I can't wait to see what's next.. I hope you're doing well. I'm looking forward to your new videos for our social media project. Keep up the great work! Can't wait to see what you have in store for us next. Thank you.
Amazing ,I was waiting for soo long for modern react course nnn here it is🚀
Glad you liked it!
lol. hope you are not a bot.
You are awesome 🔥❤
2023 starts with Stunning course
Yess!
For this year this project is just wow ❤️❤️
Yess! :)
Best YT channel for web developers
Sadly these projects never work for me. I´ve always got some errors, that I cant fix. I have no clue why. I´ve also checked the solution, but always the same errors. Frustraiting...
For help Teleqram me 👆.
Svaka cast brate, govoris engleski ko maternji jezik, samo napred! Pozzz iz Srbije
Great stuff, as I am transitioning to Fullstack, I will take this as an opportunity to write the backend API of these apps, after going through each.
What I learn till 37:21 of this video which Tailwind CSS is awesome, I don't think nothing better than Tailwind CSS!
by the way new react-router is out and now we have loader, action and new way of structure routes which I think improved much more
Hey Adrian 😀, Thank you for the video , as always you are back with a blast.
Why don't you Make a video about how to access your channel's library the best way possible.
Amazing idea!
This is absolutely beautiful, next js will be more good please
Thank you so much for all the awesome videos!! New to React but you explanation and tips goes a long way to tackle these full stack obstacles. Keep up your marvelous works!!
Bro u're amazing, thank good for such a good teacher on internet, He tells even the extensions, you're amazing!
For help Teleqram me 👆.
Great content, thank you for all the hard work! I was hoping, if possible to see some projects done in Nextjs 13 which is a game changer they came out with 13.1 combined with vercel, tailwind, typescript is a sweet deal. 😁
That's the plan!
Agreed 💯 with you
1/3 of the way through! Deployed to Firebase instead of Netlify but works like a charm! Your tutorials are legendary, thank you so much, Im having a lot of fun learning React!
wow jorge way to go. can we see it?
does it still showing that deceptive warning?
Best tutorials I've seen. Thanks for this.
Thank you Andrei. Thank you for your commitment
It's Adrian. My pleasure!
Great content, thank you for all the hard work!
I want to worship this guy ❤❤❤
For help Teleqram me 👆.
i donot know nothing about coding , but it I very satisfying trying it with you thank you
Best of luck!
Here's the master arrived🥳🎊
Thank you!
great way to start the year, thanks for this
Amazing, thank you :) One question, what extension is used for that javasciprt functions autocomplete?
Thank u for providing these free tutorials and some of us need more content on blockchain...
For help Teleqram me 👆..
Stunning course, warmest greetings from Ukraine)
Waiting for your TS video course
Awesome, thank you!
Very Helpfull and really organized. Thanks for sharing.
You man you're crazy you are making the most beautiful on this videos keep doing man "Thank You
More to come!
why you don't use vite + react?
Wow, wow, wow. This is crazy good. A Great content, thank you very much for all the hard work. I am a PHP/Laravel developer, but I'm planning to switch to Node/React or I should focus on the Laravel then maybe learn React as well. Please what do you suggest. Thank you for this wonderful tutorials once again
You are doing a fabulous job . Thanks for making such a nice content
Thank you so much 😀
I learn alot from this video. 😍 Thank you for sharing your knowledge
What technologies should be known for all these project??
What A Day. Thank You.🧑💻
You bet!
Hello sir, thank you for all your awesome and crazy free course
Glad you like them!
Thankyou for your effort JS MASTERY....it is well appreciated
Much appreciated
Wow, you are amazing and very educational. Just keep it up!
Teleqram me 👆⬆️.
What about using vite instead of create-react-app? Is it any better
thank you so much for you majestic tutorial, in next video can you please build twitter clone app
Yes I will
hey please make a mern stack big project like any management system which is containing 3 part frontend, backend and finally adding both Frontend and backend. this is my humble request please sir,
Cool idea!
You works are awesome
Thank you so much 😀
Thank you so much for your videos and Happy New Year! I know you're a JS account but can you please do a video about writing documentation for projects?
Great idea!
I really appreciate your video really informative and helpful. Thank you for sharing your knowledge and expertise I agree with you, and I also think it's important to consider JS Mastery as well......
I was wondering if you could do me a favor and a full ......... MERN stack project course launch it ?
For help Teleqram me 👆..
Thank you so much for this helpful video 🥰
You are so welcome!
just finished the first project, i had no idea about mui and i had some basic understanding about react.
learnt many new things, totally recomended
Update:
finished the second project, sadly i couldnt make the HorizontalScrollBar work, so i changed it a bit. Also i had problem with paginate, instead i used react-paginate and it worked fine!
I dont think im gonna try for the spotify app cause the API is paid now.
overall im feeling lucky that i found this tutorial
try re installing vs code it helped me
@@annielouise1141 dunno what youre talkin about, i didnt face any problems on the youtube-clone
43:16 I am having an issue importing the icons from constants.js as ```icon: ...``` Uncaught SyntaxError: expected expression, got '
Thank you so much brother with your good explain🙏🙏
Hello JSM, will like to know how to do the animations for your youtube videos.
This is a great course video. Thanks.
Anyone else doing this with gitbub copilot?
For help Teleqram me 👆..
You are just doing best in the best. The next should be 'Job portal website' like 'Indeed Clone'.
Teleqram me 👆⬆️
thank you for this. you are a lifesaver. can I please make a request to you to create a web3 youtube clone using any blockchain?
DUDE you are the GOAT!
We'll done man 👏👏. Good work keep going ✅✅
Teleqram me 👆⬆️
In Sidebar component, if we , why this doesnot work and only shows icons in column only? pls help.
For help Teleqram me 👆..
You are a life saver 💙
Love u Man, thank you so much
seriously your projects are damn awesome
Did you complete the first project?
Man you just moved up level to the sky , thank you again you are the best for sure 💪💪
I appreciate that!
Sir please make a video on Hospital management system
Cool idea!
Not bad at all
Thank you man❤️❤️❤️
Thank you!
Amazing tutorial for a novice like me. Thanks for sharing your mastery. I followed the youtube clone and managed to pretty much reproduce it on my localhost. I can't proceed because whatever channel or video I click on, it plays only one and the same video. I'd appreciate help from someone in this forum who might know why the video id is not dynamic. It's taken me a week to feel completely stuck
please i have a question... in the first vedio when you were fetching the data based on the selectedCategory, where did you get the api url from, i mean ( search?part=snippet&q)
For help Teleqram me 👆..
Thankyou so much!
Thank You😍😍
You're welcome 😊
Highly appreciated
Shazam core rapid API by Tipster is not free anymore, this was a re-upload of his project...
Last time it was free but this time they just changed the pricing...
I'm mentioning because some of you might get frustrated due to this reason, although concepts will be same,so one can opt for different API accordingly.
can u suggest one
Can you suggest a free API?
yes, can you suggest any API??
mad respect to you man
great project ❤️
Thank you! Cheers!
there are lot of MERN ,react project are on youtube,But no TYPESCEIPT its the industry most needed skills, so appreciate you can do more typescript react project
Teleqram me 👆⬆️
Hi Adrian ❤ I have a serious question. Many times I feel like I need a one to one session asking precise questions while following your videos and creating application. Are you providing this service ? I assume this would be paid extra but I really feel that these session could help me sharpen the understanding of the principles your teach us. Let me know please 🙏
Check the description for JSM pro
thnaks bro the video is so great
when working on the 3rd project, RapidAPI give me this message
{
"message": "You are not subscribed to this API."
}
how is can test it or use it w/o paying please
The API is no longer free
adrian, please the commande : npm install --legacy -peer-deps is it to install automatically all of this dependencies ⁉⁉⁉
For help Teleqram me 👆.
Why do you use rafce not rfce?
Const = () => {} instead of function app() {}
?
Awsomee content bruhhhh......
Use Context API for managing states
Great work 👍
great video. which version of react u r using?
In the TH-cam video, I keep running into an undefined error for the items while mapping the each item. I have try defining it using if(array && array.length >=0 ). It is still giving me the same error.
Teleqram me 👆⬆️...
for me, I had to add a check to ensure that the 'id' property exists before accessing its 'videoId' property, as well as go into the Feed.jsx file and change the call to the Video component to this
Which formatter you use ? And thanks for those tutorials .
1:26:19 for some reasons the channel icon is not showing up, can anyone help me out on this
For help Teleqram me 👆..
+ please more tutorial about mern project, I appreace ur work
svaka cast 👍