No video

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

  Рет қаралды 629,199

JavaScript Mastery

JavaScript Mastery

Күн бұрын

Master modern web development by building a responsive React JS application consisting of stunning video sections, custom categories, channel pages, and, most importantly, you can play videos straight from your KZbin Clone App!
⭐RapidAPI Extension - marketplace.vi...
⭐RapidAPI KZbin v3 - rapidapi.com/y...
⭐RapidAPI - rapidapi.com/?...
📙 Get the ultimate free resources, guides, and eBooks: www.jsmastery....
Showcase your dev skills with practical experience and land the coding career of your dreams:
💻 JS Mastery Pro - jsmastery.pro/...
✅ A unique KZbin discount code is automatically applied!
📚 Materials/References:
GitHub Code (give it a star ⭐): github.com/adr...
GitHub Gist Code Snippets: gist.github.co...
Hosting - hostinger.com/j...
React.js, Material UI, and just a couple of other dependencies, you'll build everything else from scratch!
In this course, you'll learn:
- React functional components and their reusability
- React file and folder structure
- You'll achieve mastery using Material UI (version 5)
- Perfectly placed media queries for satisfactory responsiveness on all devices
- And most importantly, fetching data from unlimited sources using RapidAPI.
💻 Join JSM on Discord - / discord
🐦 Follow JSM on Twitter - / jsmasterypro
🖼️ Follow JSM Instagram - / javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
👇 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

Пікірлер: 1 000
@tanayvaishnav3888
@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
@hamzahmd_
@hamzahmd_ 2 жыл бұрын
Is there any clone left on Earth, because Adrian is definitely gonna build an awesome web application out of it?
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Haha, good one! :D
@abhisekgupta1543
@abhisekgupta1543 Жыл бұрын
​@@javascriptmastery movie booking app
@gambomaster
@gambomaster Жыл бұрын
Yes javascript mastery's own website is still left to clone. 🤣🤣🤣
@memesbond
@memesbond Жыл бұрын
@@gambomaster yeah bro😁
@memesbond
@memesbond Жыл бұрын
@@javascriptmastery please Make a Clone of JavaScript Mastery Website🥺.... It Really Looks Awesome...
@user-qj5on2fp3s
@user-qj5on2fp3s 5 ай бұрын
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.
@OPGAMER.
@OPGAMER. Жыл бұрын
My luckiest day when I discovered this channel. Thanks Adrian. Love from India
@javascriptmastery
@javascriptmastery Жыл бұрын
Greetings to India!
@lukagolubovic3641
@lukagolubovic3641 2 жыл бұрын
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
@tewfikbounoua6020 9 ай бұрын
ur full stack dev?
@ZawCodes
@ZawCodes 2 жыл бұрын
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
@tauhid8k 2 жыл бұрын
Hey, can I get a little help how did you get an offer & what was your approach in short?
@jeankoppenjan486
@jeankoppenjan486 2 жыл бұрын
@@tauhid8k I would love to hear that too!
@ZawCodes
@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
@tauhid8k Жыл бұрын
@@ZawCodes Okay that's how it is. Thank you. XD
@veedjohnson
@veedjohnson Жыл бұрын
Hey man. Great story. How many of these videos did you use btw? Also do you mind sharing your resume?
@SatyamWakchaure
@SatyamWakchaure 2 жыл бұрын
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
@javascriptmastery 2 жыл бұрын
Thank you so much! Glad you like it :)
@aseem4007
@aseem4007 Жыл бұрын
Hey can u help me
@aseem4007
@aseem4007 Жыл бұрын
I am facing some code issues
@SatyamWakchaure
@SatyamWakchaure Жыл бұрын
@@aseem4007 SURE 👍👍
@aseem4007
@aseem4007 Жыл бұрын
@@SatyamWakchaure send ur no
@gouravjoshi3894
@gouravjoshi3894 2 жыл бұрын
And here comes my most favourite line after completing my project, "Hi, there and welcome to a project video".🔥🔥🔥🔥
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Mine too!
@waifufx
@waifufx 2 жыл бұрын
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
@javascriptmastery 2 жыл бұрын
Thank you so much!
@waifufx
@waifufx 2 жыл бұрын
@@javascriptmastery Yes Sir
@ancoorbanerjee
@ancoorbanerjee 2 жыл бұрын
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
@javascriptmastery 2 жыл бұрын
Yes, coming soon!
@code.7027
@code.7027 2 жыл бұрын
@@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
@ontheroos 2 жыл бұрын
Using REDUX please!!!
@ontheroos
@ontheroos 2 жыл бұрын
@@javascriptmastery using Redux please!
@ilyasdev
@ilyasdev 2 жыл бұрын
Using redux toolkit. Appreciate
@itsayesha4440
@itsayesha4440 13 күн бұрын
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
@carloseduardogomes9262
@carloseduardogomes9262 Жыл бұрын
no words to express how amazing this work is.
@mahadabdurahman
@mahadabdurahman 2 жыл бұрын
TBH, IDK why this channel has not got 10m subscribers. Thanks a million time.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@HariHaran_10
@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
@tristanpicotte7784
@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
@minthantoo3509 Жыл бұрын
Hi. At 57:30, Is this itinerary operator? Where does search, part, snippet and q come from?
@Factvideo014
@Factvideo014 Жыл бұрын
@@minthantoo3509 it came from param in api dynamically
@lo_sten
@lo_sten Жыл бұрын
@@minthantoo3509 API Query Parameters
@curious9208
@curious9208 Жыл бұрын
Heyy can you please tell if you got error 429 ?? What to do?
@arogyaanepal6993
@arogyaanepal6993 10 ай бұрын
wait another day too many requests@@curious9208
@shadialmohtaseb6419
@shadialmohtaseb6419 2 жыл бұрын
I love you JavaScript Mastery ❤️❤️
@javascriptmastery
@javascriptmastery 2 жыл бұрын
❤️❤️
@PratikGaikwad-e4n
@PratikGaikwad-e4n 2 ай бұрын
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.
@abdellahdamri656
@abdellahdamri656 2 жыл бұрын
Ohhh It's here! This is AWESOME and Im hyped! I'll start coding right away. Thank you so much Adrain!!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Glad you like it! :)
@itsanil3331
@itsanil3331 2 жыл бұрын
Your talk(codding)boom boom...no better youtuber than u that i currently find on KZbin 🔥🔥
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you! 🔥
@NgocQuy16
@NgocQuy16 3 ай бұрын
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
@shinovar5465
@shinovar5465 2 жыл бұрын
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
@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
@user-qt2mg1de7m Жыл бұрын
Helpline📲 Your Questions can come in.
@Factvideo014
@Factvideo014 Жыл бұрын
Bro this is free 😃 learn and understand the things
@girikrishna7235
@girikrishna7235 2 жыл бұрын
Best programming KZbin channel to exist right now
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you soo much!
@PAMTech
@PAMTech 2 жыл бұрын
I've been waiting a long time for this video, Building App using Material ui ♥️
@javascriptmastery
@javascriptmastery 2 жыл бұрын
It's finally here!
@user-lr5rk3ec2z
@user-lr5rk3ec2z Жыл бұрын
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
@karachiintermediatemaths7006 Жыл бұрын
i subsctibe but error still there 403 bad request
@zoey5104
@zoey5104 Жыл бұрын
Thank you very much
@sphinxz_gaming
@sphinxz_gaming Жыл бұрын
No need to Thank you! Purely Stunning Project! Everything was made Perfect!
@patientson
@patientson 2 жыл бұрын
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
@javascriptmastery 2 жыл бұрын
Thank you so much Donald!
@dannyjeanlouis6883
@dannyjeanlouis6883 2 жыл бұрын
Just bought FilmPire. I'm excited for what I will be learning. Thanks
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Enjoy! 😊
@erkinyusupov3998
@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! 👏✨
@bondedagiih5762
@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
@javachat1_is_my_teleqram_id Жыл бұрын
👆🔝 For help questions can come in 👆
@shadialmohtaseb6419
@shadialmohtaseb6419 2 жыл бұрын
You voice is perfect ✅💙💙 i love that
@javascriptmastery
@javascriptmastery 2 жыл бұрын
💙💙
@manasayjoseph1075
@manasayjoseph1075 Жыл бұрын
This is the best youtube channel on js . I dont know why this is underrated
@calm_vibez
@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.
@user-bq8fz5zp3n
@user-bq8fz5zp3n Жыл бұрын
have you completed the project?
@tahawahiddaw6259
@tahawahiddaw6259 Жыл бұрын
did you ran into any problems like API couldn't able to fetch data? kindly let me know
@calm_vibez
@calm_vibez Жыл бұрын
@@user-bq8fz5zp3n 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
@calm_vibez Жыл бұрын
@@tahawahiddaw6259 Apologies for late response, yes I got the same issue as well and have left the project for later.
@naveenbisht5543
@naveenbisht5543 10 ай бұрын
Do we have to pay for api or something?
@shashankkr1008
@shashankkr1008 2 жыл бұрын
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
@javascriptmastery 2 жыл бұрын
Great suggestion!
@islamgoher
@islamgoher Жыл бұрын
@@javascriptmastery We're waiting this video. Have you done it?
@sanketgawande3667
@sanketgawande3667 2 жыл бұрын
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.
@OsmAnaa
@OsmAnaa 2 жыл бұрын
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.
@thesm9734
@thesm9734 7 ай бұрын
Thanks a lot Adrian! You're teaching me a lot more than Uni did
@UpdaterMC
@UpdaterMC 2 жыл бұрын
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
@javascriptmastery 2 жыл бұрын
Thanks! Will do!
@asmarali4167
@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!
@Quillraven
@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
@teddyo2538 Жыл бұрын
this help me alots tks
@KeskilChnProgram
@KeskilChnProgram 2 жыл бұрын
Aaaah the new project from this magnificent channel!!!🤩🤩🤩😱😱😱
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Glad you like it! :)
@unpromisedNeverland
@unpromisedNeverland 2 жыл бұрын
I love your content! Thanks for sharing your knowledge with the world!!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Glad you enjoy it!
@alipasha7275
@alipasha7275 2 жыл бұрын
When i see a new video on channel, i say yeeeeeees that's awesome 😍
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you! 😊
@forgedabstract7288
@forgedabstract7288 7 ай бұрын
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
@irshadansari1104 7 ай бұрын
appreciated
@pineapplejuice9814
@pineapplejuice9814 7 ай бұрын
This helps mate , cheers
@KazeChannelKC
@KazeChannelKC 6 ай бұрын
can i see your code? i still get error
@JustchillBro9
@JustchillBro9 6 ай бұрын
I am getting axios error @@KazeChannelKC
@JustchillBro9
@JustchillBro9 6 ай бұрын
I am getting axios error
@jayparse970
@jayparse970 Жыл бұрын
you are a very good teacher in the wold 😍😍
@secretsorcerer
@secretsorcerer 2 жыл бұрын
Thank you so much, Sir. Again a perfect project for learning MUI 5.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you! 😊
@robsta76
@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
@ahmetkocak9086 Жыл бұрын
which command? can you please write?
@robsta76
@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!
@user-pb7ey1dk3y
@user-pb7ey1dk3y Жыл бұрын
Have you had any problems with Cors? Because I get an error that Core is blocking my request. And I can't fix it
@riddhi5560
@riddhi5560 2 жыл бұрын
Thankyou so much for this Adrian!! You are a saviour.❣️❣️ You provide all these amazing content, and that too, for free.! You are an angel!!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@farhanibnesaif
@farhanibnesaif 2 жыл бұрын
Just for your teaching qualities I have purchased js mastery pro 😁 You are just awesome 🤩
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much, I appreciate it!
@olorunfemiallo1917
@olorunfemiallo1917 11 ай бұрын
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
@samialvi4226 11 ай бұрын
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!
@fichamann1527
@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
@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
@facundodominguez1063 Жыл бұрын
algun tip para no tener que pagar para usar las api? 🤣
@fichamann1527
@fichamann1527 Жыл бұрын
@@facundodominguez1063 no queri nahh oeee xd
@facundodominguez1063
@facundodominguez1063 Жыл бұрын
@@fichamann1527 jajsjsjd empecé re entusiasmado y cuando me di cuenta que tenía que pagar para usar la api dropee todo 🤣🤣
@fichamann1527
@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
@venkymandadi1754 Жыл бұрын
Best youtube channel better than many paid courses.. Keep growing.. God Bless you...
@atharvamali3081
@atharvamali3081 2 жыл бұрын
Absolutely loved your content. Can you please make a complete MERN stack project on Automated College Placement System?
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Cool idea!
@KhoaSebastian
@KhoaSebastian 2 жыл бұрын
wow, my weekend is going to be excited!!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Good luck!!
@sushantpandey2127
@sushantpandey2127 Жыл бұрын
I don't understand how and why you are writing 'videos?part=snippet,statistics' and 'search?part=snippet&relatedToVideoId=' ?????
@ameenkolapo
@ameenkolapo 2 жыл бұрын
This is a great tutorial. Since I found your channel, your videos is my number one go to.
@barton5787
@barton5787 2 жыл бұрын
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
@ifeanyiorji3343 2 жыл бұрын
Thank you so much for this!. I should just change the version then restart the application, yes?
@barton5787
@barton5787 2 жыл бұрын
@@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
@ifeanyiorji3343 2 жыл бұрын
@@barton5787 Thank you so much!
@sanchamansubba8965
@sanchamansubba8965 Жыл бұрын
yoo Thank you :>
@gopikrishnan8999
@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
@lokeshnegi5051
@lokeshnegi5051 2 жыл бұрын
what ever I think of is already uploaded on your channel. thank you so much dude.
@bengalvibe2443
@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
@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.
@muhammadnoman8696
@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
@simrandev752 Жыл бұрын
Hi! Can you please tell me where he copied the 'index.css' file from? I just started its at 13:55
@ifeanyiorji3343
@ifeanyiorji3343 2 жыл бұрын
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
@maimohammed817 2 жыл бұрын
me too I have the same Error any one find the solution
@amirsade5110
@amirsade5110 2 жыл бұрын
​@@maimohammed817 i have tried many ways since 3 days ago to solve this problem i need this 😒😒😒😒😒😒😒😒😒😒
@TekEd2023
@TekEd2023 2 жыл бұрын
I think the problem here is the constant js?..
@maimohammed817
@maimohammed817 2 жыл бұрын
@@amirsade5110 I discover that my problem is 'I forgot to make a subscribe in rapid api '
@rudreshjha7166
@rudreshjha7166 2 жыл бұрын
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.
@mindbodyps
@mindbodyps 2 жыл бұрын
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
@OfficialOlue
@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
@minthantoo3509 Жыл бұрын
Hi. At 57:30, Is this itinerary operator? Where does search, part, snippet and q come from?
@KazeChannelKC
@KazeChannelKC 6 ай бұрын
I have that same 403 problem, have you solve it?
@andrijaorevic432
@andrijaorevic432 5 ай бұрын
@@KazeChannelKC Just remove optional chaining (?.) for thumbnail, banner, etc.
@mathemediaworld9711
@mathemediaworld9711 Жыл бұрын
API is not working
@Itsmepanda
@Itsmepanda Жыл бұрын
Even though I don't understand, but I really enjoy every second of the minutes of the lessons given
@rachidrachid-lo5uq
@rachidrachid-lo5uq 2 жыл бұрын
Let's get to 20k likes guys
@EasyGTheTechGuy
@EasyGTheTechGuy 2 жыл бұрын
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. 👍🙌
@navyaarora5122
@navyaarora5122 2 жыл бұрын
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
@javascriptmastery 2 жыл бұрын
Try checking whether your API keys are coming through
@navyaarora5122
@navyaarora5122 2 жыл бұрын
@@javascriptmastery Yes, I just checked
@shanli6502
@shanli6502 2 жыл бұрын
Hi there, did you fix this issue? i am stucking with this right now....
@shanli6502
@shanli6502 2 жыл бұрын
nevermind i figured it out
@muhammaddaniyal3322
@muhammaddaniyal3322 2 жыл бұрын
@@shanli6502 How?
@ayushdedhia25
@ayushdedhia25 2 жыл бұрын
This man is unstoppable 💯🔥 Love you JSM ❤️
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@Ghostrider-gz1tf
@Ghostrider-gz1tf Жыл бұрын
@@javascriptmastery brother, what is SX SX meaning. And videos not change in categories
@alisufiyan5133
@alisufiyan5133 2 жыл бұрын
watching later liking it now so the content upload and motivation for adrian continues.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
I appreciate that
@erickdamian9157
@erickdamian9157 2 жыл бұрын
I just finished watching the video and finished making this app thanks to you 😃
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Great 👍
@joaonascimento3574
@joaonascimento3574 2 жыл бұрын
Ahahaha that's impossible. He just did the upload 20min ago and you already watched and replicated the project ? Ahahaha
@erickdamian9157
@erickdamian9157 2 жыл бұрын
hahaha you got me there but im half way done
@shadrackdarku8613
@shadrackdarku8613 2 жыл бұрын
@@erickdamian9157 🤣
@Jody-6
@Jody-6 Жыл бұрын
Thanks for the fantastic video. You are a very good teach and explainer. I had a couple of errors here and there but figured it out. The KZbin clone looks great. I learned so much. ❤
@robertobenedit
@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.
@CTILET
@CTILET 2 жыл бұрын
Oo my favorite chanel posted a new video!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
I'm glad to hear that! :)
@Mikewendwosen
@Mikewendwosen 2 жыл бұрын
this Guy really explain, maximum respect man
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@bikitirua5935
@bikitirua5935 2 жыл бұрын
Your always lunch premium course 🔥🔥
@PrashantMalviya-jk8vp
@PrashantMalviya-jk8vp 8 ай бұрын
The way you teach is amazing, loved it💓,...concepts as well as best practices
@motivateme3152
@motivateme3152 2 жыл бұрын
Amazing projects only JSM 👏👏
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@foreigner268
@foreigner268 2 жыл бұрын
I love your content and teaching style, JSM. Thank you!
@nandishj.u.7886
@nandishj.u.7886 Жыл бұрын
No words for this Video, just 🙏🙏🙏🙏 Thank you, it helps so much
@richardmasters2045
@richardmasters2045 2 жыл бұрын
I know what Ill be doing this weekend, thanks Adrian u da man!!!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@frontiercrypto2
@frontiercrypto2 Жыл бұрын
tamaño de video, como se ajusta a diferentes dispositivos: 2:17:00 27:00 logos del sidebar 53:30 donde meter API Key 1:01:00 hacer que los botones pongan la mejor parte 1:50:50 search API 1:15:50 quitar el box gris con titulos del video 2:03:06 esto es lo que quieres(que no pngan mas damier) 2:10:35 esto quitalo todo (simplemente quita el import de las .jsx del index.js final. no te las cargues completas porque todo va ligado con funciones)
@Heheh01737
@Heheh01737 2 жыл бұрын
a good way for watching youtube videos without ads
@goalmaaz4179
@goalmaaz4179 2 жыл бұрын
I have been patiently been waiting for another React Native project, I build the first React Native project on this channel completely 🙌🏾💯🖤 Please do more React Native project
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Might do some in the future :)
@giannizamora7247
@giannizamora7247 Жыл бұрын
Another amazing project JS mastery!! I am excited to join your course and create an AI netflix application. Thanks again
@RAHULYADAV-rw4xj
@RAHULYADAV-rw4xj 2 жыл бұрын
The legend the myth is back already liked video before Playing it ❤️
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@mastergamers6991
@mastergamers6991 2 жыл бұрын
Ur content is mindbliwing i wish ur the most subs youtuber in the world
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much! :)
@levyroth
@levyroth 2 жыл бұрын
This is awesome! I was looking for something like this for ages.
@amirbasiri6555
@amirbasiri6555 2 жыл бұрын
This is the best video on KZbin 👑👑👑
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@usmanmughal5916
@usmanmughal5916 2 жыл бұрын
Great video ❤️, next a Google classroom clone and attendance system
@peterluke9392
@peterluke9392 2 жыл бұрын
As always top notch content and for free ! Thanks again
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Glad you enjoy it!
@JonelKindaCodes
@JonelKindaCodes Жыл бұрын
1:03:32 if videos is showing an empty array and you have a fetching error, move the env file outside the src folder!
@zoey5104
@zoey5104 Жыл бұрын
still doesnt work
@minthantoo3509
@minthantoo3509 Жыл бұрын
Hi. At 57:30, Is this itinerary operator? Where does search, part, snippet and q come from?
@adityamaurya3673
@adityamaurya3673 2 жыл бұрын
50:00 Fetch part
@ashwinm5230
@ashwinm5230 11 ай бұрын
Absolutely stunning tutorial . Learnt a lot from this also will learn alot ..soo much to learn from this video which is what all are craving for . Thank you ..❤
@wisdombassey2804
@wisdombassey2804 2 жыл бұрын
Thanks for the Valuable Content you post.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Always welcome
@jiyaul6798
@jiyaul6798 2 жыл бұрын
love u...now we want to learn whatsapp or messenger clone with react native
@edzonperez3604
@edzonperez3604 2 жыл бұрын
thankful for learning the best from the best
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You are!
@darshikaDiary29
@darshikaDiary29 Жыл бұрын
i just completed and deployed my project... thank you for the tutorial.
@kartavyasharma6272
@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
@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
@kartavyasharma6272 Жыл бұрын
Thankyou😃
@darshikaDiary29
@darshikaDiary29 Жыл бұрын
@@Lanterns09 yess..
@moonxflair
@moonxflair 8 ай бұрын
and today I did my first full production build project. Thanks alot❤❤
@virupakshavegi4405
@virupakshavegi4405 8 ай бұрын
Hey is the api working??
@ehabsabry9358
@ehabsabry9358 2 жыл бұрын
Unrated as usual, what a great video ⭐️⭐️⭐️⭐️⭐️
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks for the visit
@BrianKarmo
@BrianKarmo Жыл бұрын
Thank you for this Adrian, works very elegantly, i had issues with assigning all of the api keys but i managed to work it out perfectly, Thank You and God Bless you my Good Man🙏🙏🙏
@ABHISHEKGUPTA-de8iy
@ABHISHEKGUPTA-de8iy Жыл бұрын
can you tell me how you fixed that . I am not able to access the data from api
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,4 МЛН
I built the same app 10 times // Which JS Framework is best?
21:58
Fireship
Рет қаралды 2,5 МЛН
What will he say ? 😱 #smarthome #cleaning #homecleaning #gadgets
01:00
Oh No! My Doll Fell In The Dirt🤧💩
00:17
ToolTastic
Рет қаралды 13 МЛН
Gli occhiali da sole non mi hanno coperto! 😎
00:13
Senza Limiti
Рет қаралды 24 МЛН
PEDRO PEDRO INSIDEOUT
00:10
MOOMOO STUDIO [무무 스튜디오]
Рет қаралды 24 МЛН
The "Wrong Way" To Use React
39:30
Theo - t3․gg
Рет қаралды 83 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 606 М.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 279 М.
How To Debug React Apps Like A Senior Developer
21:07
Web Dev Simplified
Рет қаралды 130 М.
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,4 МЛН
React JS Full Course 2023 | Build an App and Master React in 1 Hour
1:11:44
JavaScript Mastery
Рет қаралды 1,6 МЛН
Before you add any clone in your resume
10:34
Chai aur Code
Рет қаралды 149 М.
Build an app for monsters - Web Dev Challenge S1E4
27:20
Learn With Jason
Рет қаралды 30 М.
React Native vs Flutter in 2024 - Make the RIGHT Choice (Difference Explained)
10:31
Daniel Dan | Tech & Data
Рет қаралды 171 М.
What will he say ? 😱 #smarthome #cleaning #homecleaning #gadgets
01:00