Google has changed its auth process. To use the new package, check out this video ua-cam.com/video/CcBHZ0t2Qwc/v-deo.html at 01:55:24. There I explain how to set up the new Google OAuth! 👌
@@ervinbehxheti344 Not sure if we were having the same problem or not. My issue came up around 01:21:40. My application was not showing the image of the user on the home page, but instead a broken image link. What I changed was part of the useEffect in the Home component. I changed "const query = userQuery(userInfo?.googleId)" to "const query = userQuery(userInfo?.sub)" so your useEffect should look like this: useEffect(() => { const query = userQuery(userInfo?.sub) client.fetch(query) .then((data) => { setUser(data[0]) }) }, []) I did this because, with the new way of doing the google auth, our localStorage item "user" has different properties than the video. We use the "sub" property instead of the "googleId" property.
1st application timeline Sanity install 8:10 Starting frontend 24:45 Install various dependencies 33:20 Creat new project in Google cloud platform 50:50 Connect client to sanity 55:08 Implementation home page 1:09:05 Starting tooglesidebar 1:16:26 Sidebar component 1:32:00 Navbar component 1:51:00 Feed component 2:02:00 Data feed in sanity desk 2:15:00 Masonry layout 2:18:00 Pin component 2:22:00 Stop propapation features 2:34:00 Already saved filter function 2:39:00 Delete pin 2:52:00 Create pin 2:54:00 Upload selected fills 3:11:00 Made form 3:20:00 Save pin 3:26:00 Pin detail 3:31:00 Use of useeffect function 3:37:00 Masonary layout used 3:55:00 User profile component 4:03:00 Use of useeffect 4:17:00 Search component 4:23:00 Deploying this project into internet 4:32:00
Oh my God ! 12 hours great fully fledged course for free . I have no words to thank you. You are so kind ,outstanding and you are do great things for people to equip with current technology . Thank you so much !.
It's not a "course", the video has a ton of value for the right audience but it's not a course. He does not go in-depth explaining anything, he just implements the functionality and narrates what he's doing along the way. This resource is amazing if you already know all the theory and want to learn doing by ... well, doing. Need advanced knowledge of JavaScript and React to understand everything he does.
Perfect timing! This is the only channel where I can find SUPER HIGH QUALITY tutorials. Love your design, the way you explain. Big Salute and Massive Respect for your efforts! ✨
If other youtubers had made a tutorial like this, they would have put a price tag for 100 bucks. You are giving it for free. Only thing I am praying is that God should give you best of best. You are a real life saver. I am sure there must be hundreds of people who got job offer because of you. you probably change people life upside-down and make a positive impact. YOU ARE A TRUE HERO LEGEND 👏
some packages changed a lot and keep changing. But it doesn't mean this course is out of date, cause searching docs and retype the code is another way to understand the projects thoroughly. thank you for sharing
@@relyt3322 No. I think the problem isn't from Google, it's from sanity. I've linked my Google account to sanity, but getting the image in the "Image" part of the User in sanity to reflect is the problem I think. Haven't been able to fix it.
@@Fimber015 It works for me. Try running some console logs to see what is being returned to your code. He used: const query = userQuery(userInfo?.googleId); which isn't how the new google one is setup, so I used this: const query = userQuery(userInfo?.sub);
currently at the higher order part and can't help but realize how much i've learnt in a single video. I have yet to do the 1st and 2nd app (started with 3rd), but with all the code structure and good practices with assets for example, ways of exporting, bem methodology, Sanity's awesome functionalities & easy to use configuration, the HOC, I don't have enough thanks for how much you teach. I'm going right after this course to check your full courses, sure it's a goldmine ❤
Bro's really out here making it impossible to fail at becoming a solid developer. 12 hours of dense, quality content? Brother, you're invited to the cookout anytime.🙏🏾
Currently i'm learning about the basics of Javascript, but your videos motivate me to keep learning to eventually switch to React and learn from your videos
Youre my favorite youtuber in programming, I hope next time you can make an ecommerce that uses tailwind or mui that has product filters functionality. That would be so good for a beginner like me
I tried sanity today, it’s easy to fix it,since there are docs to follow. Actually every frame keeps changing,you should learn how to read their docs and to fix it by yourself,instead of waiting others to feed u up, baby😊
Awesome tutorial mate! If someone needs a hand with the Cart (add/remove items) feature, it's easier if the CartItems were an Object with each product's id as a key, that way you can hit directly a CartItem by just passing the product._id and the values to update, besides that, you can store in each product the total product's price so when removing from the Cart you just have to use that totalPrice to substract it from the cart's subtotal, same thing for the cart's totalQuantity substracted with the Product's quantity 👍
Thank you so much for such a beautiful explanation of React web development along with various useful dependencies, tools, libs and more. I wish the UA-cam might have a button for 1k likes and I'd clicked that thousands times
Oh my GOD, this just amazing, you just came at the right time, I just searched for the perfect react course and then boom you just came in my feed, This is just a blessing, THANK YOU SO MUCH for what you are doing man, Thank you so much. You just gave me the chance to become quite proficient in REACT thanks.
I'm about to start my React journey but I've bookmarked this video, coming back to it in 2 months max. I already have experience with Node and database
This is for anyone new to React and learning here - if you face dependency issues installing the packages that we use in the frontend, you can first try running this command - "npm config set legacy-peer-deps true", and then proceed with the command to install all the packages.
Harshvardhan Basava oh really, that's great because i was thinking about not wanting to get stuck in the middle of the tutorial I even cloned the repo straight from GitHub and still ran into errors.
Hello sir. I just finished first social media shareme tutorial project ... and you know what, i am so happy that i did it. Already sent to my family members , and everyone is so surprised that noob like me did such an amazing job.. and this is all because of you. Thank you so much.... thanks for these feeling 😊😊😊😊
@@ayushrawat9252 hello sir... yes faced such problems at the beginning, most was becouse of there was no image in sanity (or not doqnloaded proparly), but when i put "?" mark after "image" in code it heloed me. i can tell how i did if i see exactly your code
You are best sir , - Your explanation is top, up there ✔ - video quality ✔ - giving 100% Free Content ✔ - Making me Job Ready ✔ Thank you sir for the free content and great effort , you are making dream careers a reality.
Mad respect for you. You're a gem. Thank you for sharing and making a little bit easy for us in the field. Hope you continue to do so till the end. Thank you!
I wish you made this on react 18. Dependencies are hard to install, render methods are different, this video is a gold mine, i only wish it was on the latest react. But still thank you so much.
@@griffinkirkland9087 sure it's the obvious way and i agree with you but once the wiseman said "New is always better..." But i did use the versions of him on the video for not having problem.
I wouldn't mind using this old version, but I was unable to figure it out, I mean I installing react 17.0.2 And I don't know if I can follow the tutorial with the new version, yes I could render the DOM but don't want to get stuck in figuring out how to reconcile the video react version to react 18.2
If you are at 33:32, and you running into the norm ERR!, it is because npm install react-google-login has been deprecated. An alternative is npm install --save react-social-login Resource in comment below if I’m able to.
@@saheedat2829 UA-cam doesn’t allow me to share links to outside sources. 😔 But give me a few hours, and I’ll try to find and share it with some spaces or something.
@@andrewliamdesigndevelopment okay can I send my email address or something? if that's fine with you I can share the resources with other people that'll need it when they give their email addresses too
if you are going to follow this tutorial then you may face this issue while creating sanity schemas solution: create your schema and then import it in schemas -> index.js as" import somefile from './somefile' and export it as array in same file give like if you get help
Love from India , great course .🥳🥳🎉🎉👏👏👏 Thank you so much . I will definitely watch this video and i will create all the projects in this video. Thanks you so much .
just when i needed you most..haaa..started learning next js and this came out in a perfect time..thank you Adrain for giving us god-tier free resources
@@javascriptmastery But just wanted to know that from where does this huge level of motivation come inside you to make such enormously heavy and high quality content ?? 😊😊😊
Hello JavaScript Mastery 👋👋👋👋 !! I hope you are doing well. I love your tutorials and I always see them although they take several days for time reasons. Could you please! Make a tutorial where you develop an application similar to BitLy?? A Link shortener with an interface for users or even the possibility to charge a membership? I have seen other tutorials on how to make a shortener, but they are very poor in explanation and almost without any functionality. Thanks in advance 😊
@@javascriptmastery Hello!! Please do the Link Shortener tutorial. It would be a super cool idea. I promote affiliate products and Bitly is very expensive, it only allows you to shorten 5 links in the account for free, they ban your account if you use Bitly a lot, please that would be something that would help us a lot 🙏🙏🙏
Hey Man, Thanks for this course I hope in a couple of years I can change my life to a better life and became a Professional Developer and can contribute to the community like you! Started from this course.
I've paused coding for a while and restarting my coding journey recently. Just spent few hours and finally finish coding the first shareme project along with the video. Thanks for sharing the video, it helps a lot.
Thank you so much for this Adrian. Paul from Kenya here. Can you please add functionalities to the ecommerce website? like sorting, filter and categories. Thank you.
oh man you are totally insane .. totally insane................ you are soo much amzaing all these projects i never seen, in single youtube even i never seen that in paid courses. you are such amzaing man. i have to say you are the true master. '🤩🤩😍😍
Hello sir!! I just finished second ecommerce project... Everithing was so smooth and easy to do even for a beginner like me... Thanks a lot wish you all the best..
You are the GOD Teacher No ones provide this level of OP content free You are the legend, god and very good teacher sir Your channel is blessings for me Thank you so much for everything 💖😊
Adrian, u are d man! I don't knw what 2 say except thank you Thanks so much for all ur high quality videos. Nd I look forward for more react native project
One of the most underrated channel. I expect this channel to have tenth of millions of subscribers. Keep going bro, Your videos are so helpful! Hope we`ll grow together.
Thank you for the video man, I am installing the lastest and past version and found out i don't have the schema file just an inde.ts, I created a schema.js file but its still not working, I cant see any changes on the preview. How do i fix this
For people that is struggling with the googleOauth after watching the toher video thats done by JSM just use this function import jwt_decode from 'jwt-decode'; ///import this const responseGoogle = (response) => { const decode = jwt_decode(response.credential); console.log(decode); // console.log(response); localStorage.setItem('user', JSON.stringify(decode));
Not work the google authentication 1:06:58 You have created a new client application that uses libraries for user authentication or authorization that will soon be deprecated. New clients must use the new libraries instead; existing clients must also migrate before these libraries are deprecated.
Google has changed its auth process. To use the new package, check out this video ua-cam.com/video/CcBHZ0t2Qwc/v-deo.html at 01:55:24. There I explain how to set up the new Google OAuth! 👌
Sanity v3 is released on 7th dec 2022, so those who are following instructions for sanity v2 as taught in this video might face issues as I'm too stuck at the very beginning, though the overview of the course is too impressive and I was very excited to start it.
@@danielkik1245 can you let us know if you're able to complete the projects without any issues? I'm currently stuck on the login page. My Google authentication thing isn't working and I can't seem to figure out how to implement the use of react-oauth/google
@@danielkik1245 I've tried it and it still didn't work maybe I'm doing it wrong? can you help out with the code or something? I can send you a mail if that's fine by you?
@@saheedat2829 Let me get to the login stage properly and I'll help you out once I've figured out what needs doing. I needed to pause this project due to RL work but will pick it back up on the weekend.
I am trying to learn alot of skills for my startup idea,thank you so much for all the free help adrian,i had completed your fullstack mern stack social media memories app and i am way better than i was before thanks to you mahn,i hope to meet you one day.
Very useful but the way work is done is a little bit confusing and not step by step. Which kinda feels like we're just copying your code without understanding what we're actually building or writing at that moment. Not complaining though someone can always re-read and understand more later on. Plus you have to go fast since you're providing us with 4 apps in 1. So thank you :)
The sanity stuff is all wrong or outdated...Schemas look very different to what your video describes as well...quite difficult to get started if its so different immediately from the start..
Google has changed its auth process. To use the new package, check out this video ua-cam.com/video/CcBHZ0t2Qwc/v-deo.html at 01:55:24. There I explain how to set up the new Google OAuth! 👌
@@javascriptmastery thanks master it’s helped out , please come with a series where you will teach step wise how to create a sign in page that will work in many projects , banner , about , liked videos and many such thing please hope you will read this and you will reply ❤️❤️❤️🇮🇳
I can't seem to follow this course in 2023. Everything is just different, there's sanity v3, the instructions while creating react app, root folders. Nothing is the same.
Hello JS Mastery thanks for this great content. I've been following, but I've encountered an issue at at 2:49:28. When I click on the save button, the page reloads but the Pin doesn't get updated in real time like it did in the video, It doesn't update until several minutes after I refresh the page again. I've tried searching on this but I've not seen anything helpful. Do you happen to know what might be the cause of this?
I have the same issue. When the page reloads, for some reason the Feed component is printing the pins state as null, despite the fact that they still display normally. This last part is probably due to state update not being instantaneous, while the fetch is most likely faster. But whenever the save array changes, it doesn't trigger a render cycle for the Feed component, which sends the pins array as props. Essentially, it seems like the Pin component has no way of knowing when the pins array has changed, and the reload method doesn't trigger a new fetch from the Feed component.
Hi, In case you still didn't know the answer, Simply go to the client file and change useCdn value to false, that should solve the problem It's related to sanity cdn problem, since anything that uses cdn gets delayed in favor of other processes (at least that's what I understood of other docs)
Love the tutorial structure. But why is EVERY tutorial completely broken and unusable within 6 months? The tech world needs to do better than this. Sanity instructions no longer work (because they completely changed their system). The new Google OAuth info from the linked video no longer works (even following Google's new instructions fail; can't get a login button on my page). I am only 49 minutes into this tutorial and it's taken me 2 days to get here due to all the workarounds and changes that have been made.
Hey bro I really relate to what you are saying. I have been learning web dev for a couple of months now and what I find most important to know is the fundamentals. They will never change, so if you know the basics, the core, the WHY this code works and how it works. Talking about regular JS. If you learn JS in details, then everything you will learn in the future will be easier, just because every framework or little bit of extension we use is based on JS it came from JavaScript and it's a little different. Hope this helps!
Not beginner-friendly. Better to watch some Indian dude. The guy just kept continuously talking non-stop teaching me absolutely nothing. I successfully wasted 4 hours watching this. I will be hating my friend who recommended this video to me for life.👎
i told you before sir you're inspiration.i hope one day i'll help others when i myself become developer.Sir i've just started javascript like learning basics but soon in months i'll start building your projects and yes mark me as your junior fan (sameer)
@@javascriptmastery i'll Inshallah.And yes sir i know i've go through the hell called javascript haha it'll take time. Your Content and Ztm always motivates me sm since i'm self taught shsh Thank you
@@javascriptmastery Thank you for Everything that you Made Available....This Content is Gold and in Long Term...This Video will Definitely Cross 1 Million! 👍🏻
I'm still doing your fitness-exercise project. And here you bring one great tutorial. I don't know how to complete this but I'm trying with my full potential to complete these projects. ❤️ From INDIA
Google has changed its auth process. To use the new package, check out this video ua-cam.com/video/CcBHZ0t2Qwc/v-deo.html at 01:55:24. There I explain how to set up the new Google OAuth! 👌
I have problems with the image from login, I followed every single step
I saw that video but it's different, I'm stuck with that part I don't now how to fix it. thanks anyway!
@@davidcastagnetoa what did u do? can u send me code of that function please? so i can move on with course thanks a lot
@@ervinbehxheti344 Not sure if we were having the same problem or not. My issue came up around 01:21:40. My application was not showing the image of the user on the home page, but instead a broken image link. What I changed was part of the useEffect in the Home component.
I changed
"const query = userQuery(userInfo?.googleId)"
to
"const query = userQuery(userInfo?.sub)"
so your useEffect should look like this:
useEffect(() => {
const query = userQuery(userInfo?.sub)
client.fetch(query)
.then((data) => {
setUser(data[0])
})
}, [])
I did this because, with the new way of doing the google auth, our localStorage item "user" has different properties than the video. We use the "sub" property instead of the "googleId" property.
@@davidcastagnetoa can u shre the set up?
1st application timeline
Sanity install 8:10
Starting frontend 24:45
Install various dependencies 33:20
Creat new project in Google cloud platform 50:50
Connect client to sanity 55:08
Implementation home page 1:09:05
Starting tooglesidebar 1:16:26
Sidebar component 1:32:00
Navbar component 1:51:00
Feed component 2:02:00
Data feed in sanity desk 2:15:00
Masonry layout 2:18:00
Pin component 2:22:00
Stop propapation features 2:34:00
Already saved filter function 2:39:00
Delete pin 2:52:00
Create pin 2:54:00
Upload selected fills 3:11:00
Made form 3:20:00
Save pin 3:26:00
Pin detail 3:31:00
Use of useeffect function 3:37:00
Masonary layout used 3:55:00
User profile component 4:03:00
Use of useeffect 4:17:00
Search component 4:23:00
Deploying this project into internet 4:32:00
jefe
my sanity is working with typescript now javascript as in the video how can i change that
bolehh
Hi,I am completely new to reactjs and have intermediate level of javascript.Can I see this course and learn or is it best to see any other videos?
i am getting error prasing error: cannot find module '@babel/preset-env' require stack:
Oh my God ! 12 hours great fully fledged course for free . I have no words to thank you. You are so kind ,outstanding and you are do great things for people to equip with current technology . Thank you so much !.
Enjoy! :)
Is it beginner friendly ?
@@youngwolf1009 not even
It's not a "course", the video has a ton of value for the right audience but it's not a course. He does not go in-depth explaining anything, he just implements the functionality and narrates what he's doing along the way. This resource is amazing if you already know all the theory and want to learn doing by ... well, doing. Need advanced knowledge of JavaScript and React to understand everything he does.
God bless you..
Perfect timing! This is the only channel where I can find SUPER HIGH QUALITY tutorials. Love your design, the way you explain. Big Salute and Massive Respect for your efforts! ✨
Thank you so much!!! Enjoy! 😊
@@javascriptmastery Do you make free templates? Can you share with us for training
@@gum3213 Look at the links up top. They have github links to all material.
I agree with u someonecodes
I agree with u someonecodes
Dyam man 😮 12h of content for free. Mad Respect for you. ❤️❤️
Thank you so much!
If you understand Hindi than check javascript series of 16 hr of free.
@@davidbaraiya2649 from where
@@javascriptmastery : Any update or fix to the react-google-login? ua-cam.com/video/XxXyfkrP298/v-deo.html?t=56m
@@KozaKrisz thanks. Do you have any code snippets or a git repo where you implemented it? Just want to see the implementation.
If other youtubers had made a tutorial like this, they would have put a price tag for 100 bucks. You are giving it for free. Only thing I am praying is that God should give you best of best. You are a real life saver. I am sure there must be hundreds of people who got job offer because of you. you probably change people life upside-down and make a positive impact. YOU ARE A TRUE HERO LEGEND 👏
Thank you so much! :)
Best for Beginners to professionals, you're gonna earn a lot of love from many people and mostly students!
3rd application Timelines
Create sanity project 8:17:00
Create react app 8:27:00
Install dependencies 8:32:52
Create component 8:38:00
Image.js 8:45:00
Navbar component 8:48:40
Framer motion feature 9:03:00
Header component 9:17:48
About component 9:45:21
Client.js 9:57:52
Use of effect 10:03:06
Use of sanity urlFor 10:05:39
Social media 10:11:47
Navigationdots 10:12:20
AppWrap 10:17:00
Work Component 10:22:00
Skill component 10:55:10
Motion wraps 11:31:00
Use of High order component 11:31:58
Testimonials 11:37:50
is it nodejs also used
@@AmanRajput-ps2qu no nodejs is not used
The hero we needed but didn’t ask for.
someone pin this guys comment down pls
some packages changed a lot and keep changing. But it doesn't mean this course is out of date, cause searching docs and retype the code is another way to understand the projects thoroughly. thank you for sharing
did you fix the broken image thing?
Have u fixed this?
@@Fimber015 Have u fixed this?
@@relyt3322 No. I think the problem isn't from Google, it's from sanity. I've linked my Google account to sanity, but getting the image in the "Image" part of the User in sanity to reflect is the problem I think. Haven't been able to fix it.
@@Fimber015 It works for me. Try running some console logs to see what is being returned to your code.
He used:
const query = userQuery(userInfo?.googleId);
which isn't how the new google one is setup, so I used this:
const query = userQuery(userInfo?.sub);
currently at the higher order part and can't help but realize how much i've learnt in a single video.
I have yet to do the 1st and 2nd app (started with 3rd), but with all the code structure and good practices with assets for example, ways of exporting, bem methodology, Sanity's awesome functionalities & easy to use configuration, the HOC, I don't have enough thanks for how much you teach. I'm going right after this course to check your full courses, sure it's a goldmine ❤
I'm so hyped to start this course, I don't know when I'll complete it, but this is like a gift from GOD. Thank you so much JavaScript Mastery.
Enjoy!
If you are starting from scratch then good luck you will surely need it with a lots of dedication.
Bro's really out here making it impossible to fail at becoming a solid developer. 12 hours of dense, quality content? Brother, you're invited to the cookout anytime.🙏🏾
I appreciate that
Didn't even start the course but already mad respect❤
Thank you so much!
Suman le ni yei vandai thiye.
@@acdepak usle ni yei herdai garchu bhandai theyo
Currently i'm learning about the basics of Javascript, but your videos motivate me to keep learning to eventually switch to React and learn from your videos
Great to hear!
Sitting down for 12 + hours and giving Free content is beyond what words can explain.. Thank you...I owe you respect..
lmao shii prolly took him weeks
Youre my favorite youtuber in programming, I hope next time you can make an ecommerce that uses tailwind or mui that has product filters functionality. That would be so good for a beginner like me
I tried sanity today, it’s easy to fix it,since there are docs to follow. Actually every frame keeps changing,you should learn how to read their docs and to fix it by yourself,instead of waiting others to feed u up, baby😊
Teleqram me 👆⬆️...
Awesome tutorial mate!
If someone needs a hand with the Cart (add/remove items) feature, it's easier if the CartItems were an Object with each product's id as a key, that way you can hit directly a CartItem by just passing the product._id and the values to update, besides that, you can store in each product the total product's price so when removing from the Cart you just have to use that totalPrice to substract it from the cart's subtotal, same thing for the cart's totalQuantity substracted with the Product's quantity 👍
Thank you so much for such a beautiful explanation of React web development along with various useful dependencies, tools, libs and more. I wish the UA-cam might have a button for 1k likes and I'd clicked that thousands times
Oh my GOD, this just amazing, you just came at the right time, I just searched for the perfect react course and then boom you just came in my feed, This is just a blessing, THANK YOU SO MUCH for what you are doing man, Thank you so much. You just gave me the chance to become quite proficient in REACT thanks.
You're very welcome!
I'm about to start my React journey but I've bookmarked this video, coming back to it in 2 months max. I already have experience with Node and database
Looking forward to it! :)
This is awesomely insane 😳.
Much appreciation from this side 💛 💯🤙
Thank you so much 😀
I can't believe this course is free, when i saw this course i coun't be more happy to watch thnks adrian.
Happy to hear that!
This is for anyone new to React and learning here - if you face dependency issues installing the packages that we use in the frontend, you can first try running this command - "npm config set legacy-peer-deps true", and then proceed with the command to install all the packages.
Bro is it working for react 18
@@MindNatureVj yes it did for me.
Harshvardhan Basava oh really, that's great because i was thinking about not wanting to get stuck in the middle of the tutorial
I even cloned the repo straight from GitHub and still ran into errors.
Hello sir. I just finished first social media shareme tutorial project ... and you know what, i am so happy that i did it. Already sent to my family members , and everyone is so surprised that noob like me did such an amazing job.. and this is all because of you. Thank you so much.... thanks for these feeling 😊😊😊😊
Btw if someone needs a help i would be happy to share
Complaints can come in now ⬆️⬆️
@@bahtitashpaev7285 i am not able to fetch the image and userName from the snaity ...
May you help me plz???
@@ayushrawat9252 hello sir... yes faced such problems at the beginning, most was becouse of there was no image in sanity (or not doqnloaded proparly), but when i put "?" mark after "image" in code it heloed me. i can tell how i did if i see exactly your code
@@bahtitashpaev7285 can you share your code
You are best sir ,
- Your explanation is top, up there ✔
- video quality ✔
- giving 100% Free Content ✔
- Making me Job Ready ✔
Thank you sir for the free content and great effort , you are making dream careers a reality.
Thank you so much! 😊
Can i do it as a beginner ?
Mad respect for you. You're a gem. Thank you for sharing and making a little bit easy for us in the field. Hope you continue to do so till the end. Thank you!
I appreciate that!
I wish you made this on react 18. Dependencies are hard to install, render methods are different, this video is a gold mine, i only wish it was on the latest react. But still thank you so much.
Thank you for this.
I didn't know that was the problem.
I couldn't even get past the first 35 mins
I'm curious if it's suggested for me to continue the tutorial on the latest version or should I install react version the tutorial used?
Truly a goldmine
How do you think we can figure this out on our own?
Install old react version perhaps?
I think I'll do just that...
@@griffinkirkland9087 sure it's the obvious way and i agree with you but once the wiseman said "New is always better..." But i did use the versions of him on the video for not having problem.
I wouldn't mind using this old version, but I was unable to figure it out, I mean I installing react 17.0.2
And I don't know if I can follow the tutorial with the new version, yes I could render the DOM but don't want to get stuck in figuring out how to reconcile the video react version to react 18.2
If you are at 33:32, and you running into the norm ERR!, it is because npm install react-google-login has been deprecated. An alternative is npm install --save react-social-login
Resource in comment below if I’m able to.
hiii please,where are the resources?
@@saheedat2829 UA-cam doesn’t allow me to share links to outside sources. 😔 But give me a few hours, and I’ll try to find and share it with some spaces or something.
@@andrewliamdesigndevelopment okay can I send my email address or something? if that's fine with you
I can share the resources with other people that'll need it when they give their email addresses too
I got a job thanks to this man. Utmost respect. You will not be wasting your time if you follow his tutorials.
How'd you do it bro??
Hi adrian i learn react from your channel only you are best teacher of react in whole youtube community..god bless you always..love from india ❤️❤️
Thank you! 😃
As always, contributing a lot of knowledge and helping all the devs a lot! A big hug from Brazil!
Hugs to Brazil!
I've been watching your tutorials for a while but never commented, but today all I've to say is SALUTE TO YOU THE BEST
Thank you so much! ❤️
Thanks! This is absolutely amazing!
Thank you! 😊
For the first app no matter which account I signin from it shows my name and picture only. Can you help??
if you are going to follow this tutorial then you may face this issue while creating sanity schemas
solution: create your schema and then import it in schemas -> index.js as" import somefile from './somefile' and export it as array in same file
give like if you get help
what do yuo mean
@@MisseTis have you figured it out?
I think I'm stuck at this stage too
@@saheedat2829 make index.js and paste:
import banner from './banner'
import product from './product'
export const schemaTypes = [banner, product]
What a beautiful course for free, I'm gonna start learning. Thank you very much from the bottom of my heart.
Love from India , great course .🥳🥳🎉🎉👏👏👏 Thank you so much . I will definitely watch this video and i will create all the projects in this video. Thanks you so much .
Please do!
This is amazing and just in time, I'm learning react. I did your react crash course yesterday and learned a lot, this is going to be great.
Enjoy! :)
Bro you're one of the reason I'm a react developer at Product based company in my country
Apple?!
Amazing!
just when i needed you most..haaa..started learning next js and this came out in a perfect time..thank you Adrain for giving us god-tier free resources
Wonderful!
Man!!!! Your content is gold! Big Salute and Massive Respect to you, my friend! 👏
Thank you so much for this valuable course on WEBD... really so grateful to this.... can't applause enough.... it's really awesome !!! 😇👍👍👍
Glad to hear that
@@javascriptmastery But just wanted to know that from where does this huge level of motivation come inside you to make such enormously heavy and high quality content ?? 😊😊😊
thanks a lot, I'm very new to backend and react and doing these projects are expanding a lot of knowledge.
Hello JavaScript Mastery 👋👋👋👋 !! I hope you are doing well. I love your tutorials and I always see them although they take several days for time reasons. Could you please! Make a tutorial where you develop an application similar to BitLy?? A Link shortener with an interface for users or even the possibility to charge a membership? I have seen other tutorials on how to make a shortener, but they are very poor in explanation and almost without any functionality. Thanks in advance 😊
Great suggestion!
Same here Sir!!! Like SaaS business. Link Shorting is a very good idea 💡🤯 please Sir create a tutorial about a Link Shorting 💪
100% whit you Francisco 💪 that is a very good idea 💡
Bitly is soo expensive 😡 For that I want create a better service with more flexible price.
@@javascriptmastery Hello!! Please do the Link Shortener tutorial. It would be a super cool idea. I promote affiliate products and Bitly is very expensive, it only allows you to shorten 5 links in the account for free, they ban your account if you use Bitly a lot, please that would be something that would help us a lot 🙏🙏🙏
You are amazing nothing else Honestly. Really really love your channel, busy for now buh will definitely work in this project
Hey Man, Thanks for this course I hope in a couple of years I can change my life to a better life and became a Professional Developer and can contribute to the community like you! Started from this course.
wow you just making me fall in love with programming keep up the good work
Thanks, will do!
Wow youre the best react teacher on myinternet sir 👏👏
Thank you! 😊
i'm starting to love react ... and just "bcause" of your mad tutorials
Thank you!
God bless you for everything you do for us. Very interesting and fruitful content
I've paused coding for a while and restarting my coding journey recently. Just spent few hours and finally finish coding the first shareme project along with the video. Thanks for sharing the video, it helps a lot.
Teleqram me 👆⬆️...
Thank you so much for this Adrian. Paul from Kenya here. Can you please add functionalities to the ecommerce website? like sorting, filter and categories. Thank you.
Great idea!
oh man you are totally insane .. totally insane................ you are soo much amzaing all these projects i never seen, in single youtube even i never seen that in paid courses. you are such amzaing man. i have to say you are the true master.
'🤩🤩😍😍
No word to describe how are you so kind with us to put these 12 free hours with many awesome projects 🙏🙏
Thank you so so much for your big work ✌️
Thank you so much 😀
Hello sir!! I just finished second ecommerce project... Everithing was so smooth and easy to do even for a beginner like me... Thanks a lot wish you all the best..
Very high quality content!❤🔥
The only channel for top tier JavaScript content, no one else comes close
Thank you! :)
You are the GOD Teacher
No ones provide this level of OP content free
You are the legend, god and very good teacher sir
Your channel is blessings for me
Thank you so much for everything 💖😊
Thank you so much! 😊
Is it beginner friendly ?
Adrian, u are d man! I don't knw what 2 say except thank you
Thanks so much for all ur high quality videos.
Nd I look forward for more react native project
Thank you so much!
One of the most underrated channel. I expect this channel to have tenth of millions of subscribers.
Keep going bro, Your videos are so helpful! Hope we`ll grow together.
I know if i only follow your channel i will be js master. But i really want to join your course. Next time definitely.
That's great!
Thank you for the video man, I am installing the lastest and past version and found out i don't have the schema file just an inde.ts, I created a schema.js file but its still not working, I cant see any changes on the preview. How do i fix this
Having this issue as well - sanity does it differently now it seems but I can't figure out how to convert this to their new structure :(
For people that is struggling with the googleOauth after watching the toher video thats done by JSM just use this function
import jwt_decode from 'jwt-decode'; ///import this
const responseGoogle = (response) => {
const decode = jwt_decode(response.credential);
console.log(decode);
// console.log(response);
localStorage.setItem('user', JSON.stringify(decode));
const { name, aud, picture } = decode;
const doc = {
_id: aud,
_type: 'user',
userName: name,
image: picture,
}
}
Not work the google authentication 1:06:58 You have created a new client application that uses libraries for user authentication or authorization that will soon be deprecated. New clients must use the new libraries instead; existing clients must also migrate before these libraries are deprecated.
Google has changed its auth process. To use the new package, check out this video ua-cam.com/video/CcBHZ0t2Qwc/v-deo.html at 01:55:24. There I explain how to set up the new Google OAuth! 👌
@@javascriptmastery import jwt_decode from "jwt-decode"; const decoded = jwt_decode(response.credential); console.log(decoded);
localStorage.setItem("user", JSON.stringify(decoded));
const { name, picture, sub } = decoded;
const doc = {
_id: sub,
_type: "user",
userName: name,
image: picture,
};
@@lajoshufnagel6528 thanks a lot
This is incredible! I don't know to to thank you enough for this content and explanations! Wish you and your family all the best❤
Sanity v3 is released on 7th dec 2022, so those who are following instructions for sanity v2 as taught in this video might face issues as I'm too stuck at the very beginning, though the overview of the course is too impressive and I was very excited to start it.
Yeah, I'm going to have to restart my project on account of this
@@danielkik1245
can you let us know if you're able to complete the projects without any issues?
I'm currently stuck on the login page. My Google authentication thing isn't working and I can't seem to figure out how to implement the use of react-oauth/google
@@saheedat2829 He added a link to the comments on how to install the new Google Authentication. That library is deprecated fwiw.
@@danielkik1245 I've tried it and it still didn't work
maybe I'm doing it wrong?
can you help out with the code or something?
I can send you a mail if that's fine by you?
@@saheedat2829 Let me get to the login stage properly and I'll help you out once I've figured out what needs doing. I needed to pause this project due to RL work but will pick it back up on the weekend.
I am trying to learn alot of skills for my startup idea,thank you so much for all the free help adrian,i had completed your fullstack mern stack social media memories app and i am way better than i was before thanks to you mahn,i hope to meet you one day.
Keep it up
Mannnn ! Your channel and your content are the best on this planet , thank you so much !
Thank you so much!
i am stuck with sanity which is sanity start is not working
Very useful but the way work is done is a little bit confusing and not step by step. Which kinda feels like we're just copying your code without understanding what we're actually building or writing at that moment. Not complaining though someone can always re-read and understand more later on. Plus you have to go fast since you're providing us with 4 apps in 1. So thank you :)
The new way is much easier to apply. I spent 20 minutes trying to get the previous version to work, and then I read the attached comment.
The sanity stuff is all wrong or outdated...Schemas look very different to what your video describes as well...quite difficult to get started if its so different immediately from the start..
?
Yes it's becoming Difficult to install and setup Sanity
I'm having this issue too. The schema I'm seeing in the video is different from the one that is downloaded and so its not even working for me
@@ezechukwuemeka6454 yea its pretty stupid...whats the point of this long course if we can't even start.
Reference the docs bro, they tell u what they changed/updated syntax wise
for those of you who are trying this with VITE and don't know why "process.env." doesn't work,
here's why:
you should use "import.meta.env." instead!
Phenomenal Apps, gorgeous designs, and the best channel I have ever found!! Thank you!!!
Thank you so much Anton! 😊
Bro in first video react Google login is not working , I think now they have a paid version please see it once ,
Google has changed its auth process. To use the new package, check out this video ua-cam.com/video/CcBHZ0t2Qwc/v-deo.html at 01:55:24. There I explain how to set up the new Google OAuth! 👌
@@javascriptmastery thanks master it’s helped out ,
please come with a series where you will teach step wise how to create a sign in page that will work in many projects , banner , about , liked videos and many such thing please hope you will read this and you will reply ❤️❤️❤️🇮🇳
I've alway wondered how a cms works with react, just never delved into it. This is awesome I had a blast making the ecommerce.
Teleqram me 👆⬆️...
I can't seem to follow this course in 2023. Everything is just different, there's sanity v3, the instructions while creating react app, root folders. Nothing is the same.
Thanks you Adrian for this course
Any time
Hello JS Mastery thanks for this great content. I've been following, but I've encountered an issue at at 2:49:28. When I click on the save button, the page reloads but the Pin doesn't get updated in real time like it did in the video, It doesn't update until several minutes after I refresh the page again. I've tried searching on this but I've not seen anything helpful. Do you happen to know what might be the cause of this?
I have the same issue. When the page reloads, for some reason the Feed component is printing the pins state as null, despite the fact that they still display normally. This last part is probably due to state update not being instantaneous, while the fetch is most likely faster. But whenever the save array changes, it doesn't trigger a render cycle for the Feed component, which sends the pins array as props. Essentially, it seems like the Pin component has no way of knowing when the pins array has changed, and the reload method doesn't trigger a new fetch from the Feed component.
@@TangiersIntrigue Hi did you get it fixed?
Hi, In case you still didn't know the answer,
Simply go to the client file and change useCdn value to false, that should solve the problem
It's related to sanity cdn problem, since anything that uses cdn gets delayed in favor of other processes (at least that's what I understood of other docs)
@@amrismail7336 Thanks Ismail, your fix works. I just tried it out
This course is perfect, Covers all the best modern practices of development with Nextjs. Thanks so much for this.
Love the tutorial structure. But why is EVERY tutorial completely broken and unusable within 6 months? The tech world needs to do better than this.
Sanity instructions no longer work (because they completely changed their system).
The new Google OAuth info from the linked video no longer works (even following Google's new instructions fail; can't get a login button on my page).
I am only 49 minutes into this tutorial and it's taken me 2 days to get here due to all the workarounds and changes that have been made.
How did you create schemas. It's now in typescript so I'm having trouble in it.
@Abcd Abcd thank you it worked.
Hey bro I really relate to what you are saying. I have been learning web dev for a couple of months now and what I find most important to know is the fundamentals. They will never change, so if you know the basics, the core, the WHY this code works and how it works. Talking about regular JS. If you learn JS in details, then everything you will learn in the future will be easier, just because every framework or little bit of extension we use is based on JS it came from JavaScript and it's a little different. Hope this helps!
@@vemulaabhiram3724 How did it work? I think the above comment is deleted, could you mention it here again?
let's Go Thanks So much Man
I haven't completed the spotify clone Yet but you already got the new one out💪
your videos are so helpful thanks
Enjoy!
Not beginner-friendly. Better to watch some Indian dude. The guy just kept continuously talking non-stop teaching me absolutely nothing. I successfully wasted 4 hours watching this. I will be hating my friend who recommended this video to me for life.👎
You should be the best UA-cam Channel for learning in the word
i told you before sir you're inspiration.i hope one day i'll help others when i myself become developer.Sir i've just started javascript like learning basics but soon in months i'll start building your projects and yes mark me as your junior fan (sameer)
You can do it!
@@javascriptmastery i'll Inshallah.And yes sir i know i've go through the hell called javascript haha it'll take time. Your Content and Ztm always motivates me sm since i'm self taught shsh Thank you
@@javascriptmastery on my console it is saying uncaught type error for response.profileobj
U are doing great job 😉 the projects are very good standard, I'll share with my Dev team .
Thank you!
interested in a mobile dev ?
I spend today more than 8hours learning, im at 01:07:15 and i learned more than i learned in 3months proffesional course THANK YOU :)
Can you guide me what apiversion you used in client.js
how to setup sanity?
gonna leave this here. So that I know when I started this awesome video! Thanks! See you in the future!
Great channel this is the only channel I got that actually solves each and every error that came in the path. great sir I learned a lot thank you.
Inspirational Video for Web Developer!🔥
Enjoy! 😊
@@javascriptmastery Thank you for Everything that you Made Available....This Content is Gold and in Long Term...This Video will Definitely Cross 1 Million! 👍🏻
Great course.
This channel builds coders of future
🙏 respect
And you are one of them! :)
Your new video pop-up on my notification has made my day.
Thank you so much! ❤️
Just an empty comment to boost the signal of appreciation!
Thank you! :)
46:25 for the people who struggle with bg-blackoverlay it seems like there is no tailwind css called like this anymore. Try for same thing
The className is not bg-blackoverlay, it's bg-blackOverlay, that O makes the difference, it's still working, you just should write it fine
@@francocrovo8394 I know it. Problem is I misconfigrued Tailwind config file at first
I'm still doing your fitness-exercise project.
And here you bring one great tutorial.
I don't know how to complete this but I'm trying with my full potential to complete these projects.
❤️ From INDIA
You can do it!
I have only seen the introduction , but oh boy, those are really cool and usefull 3 apps.
Subscribed right away
Unbelievable! Is this all for free? How lucky we are to find your channel. Tons of thanks and respect for you 🙏 🙌 ❤
2:41:54 I do like the tutorial, but I would name boolean variables starting with "is", for example, isSaved.
I agree
If you use import Loader from 'react-loader-spinner' doesn't work, let try this import { Circles } from 'react-loader-spinner'