refine is an open-source project, and if you like it and would like to support it, you can show your support by giving it a star on GitHub - github.com/refinedev/refine
hi there, thanks for this, however can you please specify the versions used of the installers and packages to avoid any unwanted bugs or changes from the latest version updates? thanks!
It's so crazy how fast things change. This tutorial is only a month old and installing a refine-react app not only doesn't look like what's in this video anymore but the scaffolded app does not include any of the layout options anymore. It also won't let you see the app if you choose an Auth mechanism. You have to log in first.
guys for whom are using the new version of refine and having trouble on finding the sider or the layout folder , just simply run this command: npm run refine swizzle and select other ThemeLayout
This is an absolute puregold that you wont find it for free but this guy provides free of charge, its just mindblowing what he is doing for the universe.
Adrian, I must say that of all the tutorials out there even the paid ones don't even come close to the level of content you provide and how you explain, pure GOLD.
@@javascriptmastery I have a problem when i run pm run dev and go to localhost: 3000, i get a refine access to google button but it won't load anything
He did it again, what a tutorial!!! I'm a cameroonian, living in Cameroon (a country in central africa), I'm a graduate mechanical engineer who have decided to learn web dev. I've learn a lot with your tutorial, I'm very grateful for that. To Give all this knowledge freely is just crazy!!! I hope I could do the same when I will be good enough, thank your very much your impact is HUGE
For anyone else who might get stuck on minute 3:18:42, where your property details page is not showing up, the way to fix it is to go into your PropertyCard component and on line 30 change `/properties/${id}` to `/properties/show/${id}`. Thank me later.
I just deployed the Memories MERN full stack yesterday (I still have to do part 6, can't find the video tbh). I guess I'm doing this today. Just in time haha! This channel is amazing. Thank you! I'm really loving the MERN stack so far; I've always wanted to learn to use a database as I'm an aspiring gamedev and learning this technology is giving me great ideas. Thank you!
@@javascriptmastery Thank you thank you! I've been sending your channel to all the front-end devs I know who want to go full stuck. I LOVE your file structure; I always get stuck with my directories and naming my files because I want to be consistent. You really help me unblock and focus on learning the code itself. I know you get all these amazing comments all the time, but damn you deserve it and I hope you believe how grateful we all are! Have a great day!
I don't know how can I thank you sir! You always bring in the techs that most professionals use nowadays and you are doing this absolutely free on RUclips. Hats off to your effort sir!
I was tried lots of time with creating a new react project and then always stuck and I can't understand anything in past 2 years.But after watching this tutorial I'm addicted to the js developments.Actually it's so easy to understand now.In this world there are lots of teachers also yotubers but you are a best guider / teacher / youtuber I ever seen.
It is really hard to find an updated MERN stack app tutorial, even with paid sources. Learning with outdated methods is always a bad feeling, but JS Mastery's tutorials are always on the bleeding edge. Also, there are so many little practical short-cuts and libraries and techniques taught on this channel that you can't find anywhere else. JS Mastery, I think is my favourite programming RUclips channel of all time! Keep up the amazing work!
Thanks for your excellent content. After watching them, finally, I found a job about 4 months ago. And now you surprised me again, with a full-stack MERN Application tutorial, man you're awesome
you are very necessary for the youtube dev community. I'm learning A LOT from you, more than in college. Bring us more MERN stack videos. Some chat project would be cool. Anyway, I'm from Brazil, I love your channel.
if you're watching from today this guide is now outdated but will cover very much anything what is being presented. but will get you to finish the app great tutorial thanks.
Fascinating. Thank you so much JS Mastery. I am from Ethiopia so as you know I cant do much about helping this channel except subscribing, like, comment and my sincere gratitude..
You are the best and I learned so much from your videos, I will sign up and take your courses because you made me love coding and that is something I have tried for many years without success. All your videos are clean, clear and classic ! Best teacher ever! I will keep sharing this channel with my friends! Keep up the good work!
Even if Ii don't really understand English 😅 I must admit that without listen ., I already understand everything that he does in this tutorial ... I have to say that Adrian is like the sun that bring light in the darkness of tutorial on RUclips so thank you guy
JavaScript Mastery Adrian has been my teacher and my mentor in JavaScript. He's provided me with necessary learning equipment. All I can say is thank you sir and be blessed.
Accidentally clicked the video just to see your work and i became a fan of your work. Hey brother, you have my heart. This tutorial is an absolute masterpiece. loved to spend 4 h 41 min. Even though i was not familiar with typescripts but you made everything so easy. Never stop making such kinda videos.
Please is there a general page where properties created will show so people who are looking to rent a property can see and contact them or it can only show in the dashboard??
This is what I was waiting for thank you so much for making such complex web app tut, please bring more such complex web app tut converting figma design to web app.
I don't know how you felt that. But i was really searching for an awesome mern typescript tutorial. Awesome channel bro. I hope you have a nice job and a very good salary
Hi Adrian, this is an incredible video like all of yours, but with the changes made in Refine newest version, me like a lot of others are stuck in the Sider. So it would be nice if you update the content! Thanks a lot!
You are the best! You have helped me so much I am so close to landing my first tech job, as soon as i get my first paycheck i'm subscribing to the masterclass, have you considered doing any three.js tutorials?
Hi Adrian, I recommend you to everyone I know. The effort you put in is incredible. You are truly an inspiration. I hope you achieve everything you want with this hard work. Thank you for everything!
Adrian has done it again!!! Thank you so much for what u've done for us all. We're grateful. Plz can u do a video on fullstack Next js or T3 stack web app?
This is amazing and I love your channel, I would also like to put a request in to make a simpler app where sign in is and other things are explained in detail and where we don't copy any code to the project and u take us through the whole thing. Keep up the great work
Thanks again for providing us such a great video to help us improve our developer careers. If is not much to ask, could you do next time a full react+tailwindcss dashboard using MERN Stack plus Typescript. Once again, thank you so much for this project video!
Refine is updated and if you are making this after July month you have to swizzle most of the components and I would rather say don't learn refine by this video if you want to learn learn it by documentation it may be better for you
Can you share the refine-app version you used in this tutorial? The differences between this and the latest version are too big to use this video otherwise.
Can someone help me? When running NPM run dev for the first time localhost:3000 shows me a login screen for Refine. However, when I try to login with google the google login pop up doenst load (only shows a white screen and stays that way); this keeps happening in different browsers. What could be the problem?
Hello. You have to create a OAuth 2.0 Client ID. To do so, follow the steps below (It hardly takes 2-3 minutes to solve this problem) 😄- 1) Go to console.cloud.google.com/cloud-resource-manager and create a new project (name can be random and location can be left as 'No organization'). 2) Open the sidebar and click on 'View all Products'. 3) Under the 'Management' section, click on 'APIs & Services'. 4) Next, click on the 'OAuth consent screen' tab (which is in the sidebar) and set the user type to external. 5) Enter a random name and enter your gmail id under 'support email'. 6) Leave the 'App Logo' and 'App Domain' sections empty. 7) Under 'Developer contact information', enter your gmail ID again and click on 'Save and Continue'. 8) Leave everything under the 'Scopes' and 'Test Users' section empty. 9) At the bottom of the 'Summary' section, click on 'Go back to dashboard'. 10) Go to the 'Credentials' tab (which is also in the sidebar). 11) Click on 'Create Credentials' --> 'OAuth client ID'. 12) Set application type as 'Web Application'. The name of the application can be random. 13) Under 'Authorized JavaScript origins' add 2 URLS 'localhost' and 'localhost:3000'. 14) Leave the 'Authorized redirect URLs' empty and click on create. 15) After clicking on create, you will be given a Client ID and Client secret. You only need the Client ID. 16) Copy the Client ID, open visual studio code and go to the client folder. 17) Inside the client folder, go to the 'src' folder --> 'pages' folder --> 'login.tsx' file. 18) Inside the login.tsx file, look for the 'client_id' variable around the 21st line. 19) Finally, replace the 'your-client-id' written inside the quotations marks with the client ID you copied. 20) Save the file, refresh the localhost:3000 website and click on sign in. It should be working now :)
@@jaymalhotra106 Hey man sorry to bother you ! thanks for the tip for show/${id} would you maybe know why when i try to console.log(data) i got a error and its undefined in the console ?
Man what a shame, I really wanted to follow this tutorial, it just looks so good tbh. It's so sad that the latest version of Refine has so many changes... For me, a begginer, it is really hard to follow the video because all the architecture is completely different. Anyways, thank you a lot for your effort, I'll hope you re-do this tutorial with the newest changes someday! Btw, if anyone know the actual Refine version used on this video, please let me know!
This is the second app I've tried to work through with his tutorial as a refresher for a job I start this week and couldn't get through all the way. Love the info he provides, more of a testament to how fast tech changes
Adrian your tutorial is outdated unfortunately. We would appreciate it if you make another MERN stack tutorial with refine. And thankyou for your great tutorials.
This tutorial is sort of obsolete. It's still possible to get things running but it would require you to look at the git repo and copy things out of there. The App.tsx would be the starting point in comparing what is in the tutorial vs what you get trying to run it in March 2023
Some Tutors won't even give out something of this nature in their PREMIUM COURSE, yet, you gave it all FREE. When I saw your mail, I was like, this can't be free, to my greatest surprise, it was FREE. Thank You for all you do. I really appreciate it. A quick question though, does this cover Email Verification system?
@@javascriptmastery No, Thank You, this is the least thing I can do. Please, can you answer the question, I just wanted to know, I have already downloaded the video
@@javascriptmastery Please, I know this might be too much, or maybe out of line, but please, can you create a video that teaches the email verification process please.
@@charleschukwuemeka8482 ed roh has some good videos. You basically just want anything with form validation You can search videos about formik and yup(resources you can install for minimal coding). Those work with refine/mern/react frameworks.
First of all, thanks a lot. This is awesome. I am just starting out tho but the folders in my components is missing layout, sider and title. Any reason why?
refine is an open-source project, and if you like it and would like to support it, you can show your support by giving it a star on GitHub - github.com/refinedev/refine
hi there thanks for this great tutorial but i get many problems can you help me please
@@FCBayernMuni-TV Man this video has been posted 1 month ago and the examples given are changed in actual path. -.-'
@@luizsantos9330 how is that ?
@@FCBayernMuni-TV When he started the code at exporting components the files and folders are completely different on git hub '-'
hi there, thanks for this, however can you please specify the versions used of the installers and packages to avoid any unwanted bugs or changes from the latest version updates? thanks!
It's so crazy how fast things change. This tutorial is only a month old and installing a refine-react app not only doesn't look like what's in this video anymore but the scaffolded app does not include any of the layout options anymore. It also won't let you see the app if you choose an Auth mechanism. You have to log in first.
did you build it using the latest version of refine?
You're right.. I was surprised too lol.
@@abdellahslimani What version are we supposed to use?
@@mauriciocastro1549 apparently the latest version because the version he used in the video is deprecated;
where is the layout component :(
guys for whom are using the new version of refine and having trouble on finding the sider or the layout folder ,
just simply run this command: npm run refine swizzle and select other ThemeLayout
Goat
i am starting today bro , i wanted to ask you if it is hard to continue before going further
@@JeremiKress
Did it work?
Thank you, it works.
@@MickberryZ_Fortube i tried but not yet able to master it well, the app still breaks
I don't think there's a channel on youtube that deserves to have 1 million subs more than JS Mastery. The value he provides is incredible. Thank you!
Wow, thank you!
I agree, Adrian has provided much value to the community, I hope I can too.
Sure, he has my soul.🤟
Agreed
For real mahn!
This is an absolute puregold that you wont find it for free but this guy provides free of charge, its just mindblowing what he is doing for the universe.
Thank you so much!
@@javascriptmastery no, thank you
@@Englishmusic-qi9fp your wish is granted
@@javascriptmastery Seriously, we all should be thanking you.
Adrian, I must say that of all the tutorials out there even the paid ones don't even come close to the level of content you provide and how you explain, pure GOLD.
Thank you!
I think I speak for everyone when I say, thank you for all you do for the community. Respect dude 😁
I appreciate that
@@javascriptmastery I have a problem when i run pm run dev and go to localhost: 3000, i get a refine access to google button but it won't load anything
He did it again, what a tutorial!!!
I'm a cameroonian, living in Cameroon (a country in central africa), I'm a graduate mechanical engineer who have decided to learn web dev. I've learn a lot with your tutorial, I'm very grateful for that. To Give all this knowledge freely is just crazy!!! I hope I could do the same when I will be good enough, thank your very much your impact is HUGE
Thank you so so much!!
For anyone else who might get stuck on minute 3:18:42, where your property details page is not showing up, the way to fix it is to go into your PropertyCard component and on line 30 change `/properties/${id}` to `/properties/show/${id}`. Thank me later.
I knew someone have solved it, so i first check comments ha-ha! thanks )) sometimes laziness is good to move on! :D
Thanks man, It works!
Bro have you completed this app?
@@PositivityPulse009 Yes. I'm even going beyond the tutorial and creating the pages that aren't in the tutorial
not all heroes wear capes
I just deployed the Memories MERN full stack yesterday (I still have to do part 6, can't find the video tbh). I guess I'm doing this today. Just in time haha! This channel is amazing. Thank you! I'm really loving the MERN stack so far; I've always wanted to learn to use a database as I'm an aspiring gamedev and learning this technology is giving me great ideas. Thank you!
You can do it!
@@javascriptmastery Thank you thank you! I've been sending your channel to all the front-end devs I know who want to go full stuck.
I LOVE your file structure; I always get stuck with my directories and naming my files because I want to be consistent. You really help me unblock and focus on learning the code itself.
I know you get all these amazing comments all the time, but damn you deserve it and I hope you believe how grateful we all are!
Have a great day!
How did you get around the errors because of outdated code
I mean, they keep coming... which is an absolute blessing for the community to get such qualitiful and well explained lessons. ♥
More to come!
I don't know how can I thank you sir! You always bring in the techs that most professionals use nowadays and you are doing this absolutely free on RUclips. Hats off to your effort sir!
I never understand how all of this is free 😢 Thanks Adrian ❤
Enjoy!
Seriously Adrian thank you so much
I was tried lots of time with creating a new react project and then always stuck and I can't understand anything in past 2 years.But after watching this tutorial I'm addicted to the js developments.Actually it's so easy to understand now.In this world there are lots of teachers also yotubers but you are a best guider / teacher / youtuber I ever seen.
this is absolutely one of the best web-dev channels out there, even being mid+ level software engineer, i learn sth new from your videos, keep going!
Glad you like them!
It is really hard to find an updated MERN stack app tutorial, even with paid sources. Learning with outdated methods is always a bad feeling, but JS Mastery's tutorials are always on the bleeding edge. Also, there are so many little practical short-cuts and libraries and techniques taught on this channel that you can't find anywhere else. JS Mastery, I think is my favourite programming RUclips channel of all time! Keep up the amazing work!
Bro have you completed this app?
@@PositivityPulse009 Working on it. I've done some previous apps, though.
@@PositivityPulse009 Did you ?
@@RahulKumar-xl3dd did you bro?
@@dhaloh no
Thanks for your excellent content. After watching them, finally, I found a job about 4 months ago.
And now you surprised me again, with a full-stack MERN Application tutorial, man you're awesome
That is awesome!
Hey Nether, Did you completed the project if yes ?! What are the prerequist software I should install in my PC to start this project ?!
@@hardikraval5979 VS code software for coding, Node js, and npm...
We need more MERN stack..will try to complete this asap.
Enjoy!
Please complete this video by adding calling feature and talking to agent as well
Then reviews section as well
What do you use for state management in this video?
People have no idea how important and beneficial this video is...
Thank you so much!
Amazing I wait every two friday 11 Am for An AMAZING course , Thanks Adrian , From Burkina Faso
Thank you so much!
As a seasoned developer, this is absolutely puregold! Thank you for doing this!
Glad you enjoyed it!
This content should be uploaded to Netflix..pure magic🔥🔥
Teleqram me 👆⬆️.
This is super amazing, Typescript, Refine, and complex UI like dashboard all in one place in one video. Your work is amazing
Cool idea!
you are very necessary for the youtube dev community. I'm learning A LOT from you, more than in college. Bring us more MERN stack videos. Some chat project would be cool. Anyway, I'm from Brazil, I love your channel.
More to come!
You are an excellent instructor. I hope you continue doing fantastic projects forever.
Thank you very much!
if you're watching from today this guide is now outdated but will cover very much anything what is being presented. but will get you to finish the app great tutorial thanks.
can you tell me which version is he using'
Fascinating. Thank you so much JS Mastery.
I am from Ethiopia so as you know I cant do much about helping this channel except subscribing, like, comment and my sincere gratitude..
Teleqram me 👆⬆️.
Bro u are reading minds now!! Just searching for react dashboard tutorials 💫
No way!
@@javascriptmastery Thanks for all the full stack web dev content you create ! ♥️
You are the best and I learned so much from your videos, I will sign up and take your courses because you made me love coding and that is something I have tried for many years without success. All your videos are clean, clear and classic ! Best teacher ever! I will keep sharing this channel with my friends! Keep up the good work!
Awesome, thank you!
Only god know that I don't comment channels RUclips but because of your effort that you put on this video I can't hold myself to say thank you
Wow, thank you
Even if Ii don't really understand English 😅 I must admit that without listen ., I already understand everything that he does in this tutorial ... I have to say that Adrian is like the sun that bring light in the darkness of tutorial on RUclips so thank you guy
Wow, thank you
Lets go bro , just continue teach us. Your are doing amazing job !
Appreciate it!
Finally my semester exams are over and now I am on with your new project 😜
Teleqram me 👆⬆️.
I was thinking about how to make a project for my college assignment then a notification from you appeared as if it was a miracle.
Enjoy!
JavaScript Mastery Adrian has been my teacher and my mentor in JavaScript. He's provided me with necessary learning equipment. All I can say is thank you sir and be blessed.
I just want to say, You are amazing Adrian, the amount of incredible content you put on the internet is invaluable!
Accidentally clicked the video just to see your work and i became a fan of your work. Hey brother, you have my heart. This tutorial is an absolute masterpiece. loved to spend 4 h 41 min. Even though i was not familiar with typescripts but you made everything so easy. Never stop making such kinda videos.
Teleqram me 👆⬆️.
Adrian (JS Mastery) thank you so much for such professional content on RUclips and other platforms!
You doing a great job!
I appreciate that!
thank you for not skipping on pre requsites session and thank you for all this
You're so welcome!
Amazing! I'm gonna hop in. Truly appreciate the effort and work you've put into this 😊
Good luck!
Please is there a general page where properties created will show so people who are looking to rent a property can see and contact them or it can only show in the dashboard??
The greatest developer ever! come back with another pinnacle app that no other RUclipsrs don't actually have. Thank you so much
You're welcome 😊
I was about to finish previous OpenAI project. Learned a lot from it.
This one will be amazing too.
Enjoy!
This is hands down the best channel to learn web development. Thank you.
You're very welcome!
The dedication is what keeps me devoted to this channel and your discord, keep it up, champ.
Awesome, thanks!
As usual one more masterpiece project for developer's. Js mastery channel is a life saver for getting a dream job... keep going ✅✅ Man ❤️
Thanks a lot!
You are amazing, your content is better than most of the paid content out there. Keep up the good work!
Thank you!
You' re amazing, dude! Thanks for your contributuion to us, jr developers, and congratulations for this tutorial 👏🏻👏🏻👏🏻
Glad you like it!
You cant even imagine now how this video helped me I can just say I found a solution to a prob on which i was struggling alot . Thanx alot man
👆 questions can come in.
@Adrain you're really helping a lot. Your videos will teach and give confidence that we can build web applications 🙂. Thanks 🙏
Thank you!
@@javascriptmastery welcome @Adrian for showing the right ways of web development
This is what I was waiting for thank you so much for making such complex web app tut, please bring more such complex web app tut converting figma design to web app.
Thank you, I will
@@javascriptmastery That's great! egerly waiting to learn
I don't know how you felt that. But i was really searching for an awesome mern typescript tutorial. Awesome channel bro. I hope you have a nice job and a very good salary
Thanks a ton
Thanks for having me here again.
Our pleasure!
Hi Adrian, this is an incredible video like all of yours, but with the changes made in Refine newest version, me like a lot of others are stuck in the Sider. So it would be nice if you update the content! Thanks a lot!
yeah same for me
Demo of this website is great , 😃 now i am going to create this project 😃 . I will share link after completing.
Great 👍
Have u Complete it?
Amazing! Just find this channel after a long night working on my MERN Dashboard
Respect to him. His style of teaching is on point.
You are the best! You have helped me so much I am so close to landing my first tech job, as soon as i get my first paycheck i'm subscribing to the masterclass, have you considered doing any three.js tutorials?
That's amazing, congrats! Three.js coming soon! :)
@@javascriptmastery Please bring three.JS and Gsap animation series.. on youtube no one has uploaded yet any dedicated tuts on GSAP animation series.
Absolute Gold. 🎊🎊🎊.. big blessings on you bro
Thank you!
Hi Adrian, I recommend you to everyone I know. The effort you put in is incredible. You are truly an inspiration. I hope you achieve everything you want with this hard work. Thank you for everything!
Thx for spending your valuable time to make this great training course on hot topic MERN and even share to public for FREE. You are so cool man! 😎
You are so awesome and Thank You for all your free projects ❤
Thank you!
Adrian has done it again!!! Thank you so much for what u've done for us all. We're grateful.
Plz can u do a video on fullstack Next js or T3 stack web app?
Sure thing!
this is the most challenging video tutorial so far that i have followed 😮💨
Its the second project i do following your videos and i can't thank you enough !
Wohooo the consistency ❤️❤️
Thank you!
Just what I needed, thanks a ton!
Enjoy!
This is amazing and I love your channel, I would also like to put a request in to make a simpler app where sign in is and other things are explained in detail and where we don't copy any code to the project and u take us through the whole thing. Keep up the great work
React has really got his master, Thanks dude let's dive in
Thank you!
Gob bless this guy! You are doing so much of good work and giving it away for free. Thanks a lot!!
My pleasure!
This is really Epic ! Keep up the good work .✌
Thanks ✌️
I feel like crying man😭😭, you're a gem..just what I needed
Enjoy it! ❤️
Amazing project team as always, had a lot of fun following along with this one 👍
Another premium content ❤ thnx
My pleasure 😊
Thanks again for providing us such a great video to help us improve our developer careers. If is not much to ask, could you do next time a full react+tailwindcss dashboard using MERN Stack plus Typescript. Once again, thank you so much for this project video!
Teleqram me 👆⬆️..
wow this is the best mern course with google auth and typescript
Thank you!
Don Adrian taking care of business again🔥🔥🔥,thank you bro you are building lives🙌🙌🙌🙌
Always
Thanks again!! We can't thank you enough.
Thank you!!
Refine is updated and if you are making this after July month you have to swizzle most of the components and I would rather say don't learn refine by this video if you want to learn learn it by documentation it may be better for you
Thanks so much! I realize my appetites are growing! )) Want & Wait more and more great projects from You! ;) !
and wish You 1 million subscribers this year!
I have a problem when i run pm run dev and go to localhost: 3000, i get a refine access to google button but it won't load anything
@@YOCOMM2 maybe you did a mistake in google cloud… so that’s why it doesn’t let you enter the site… 🌝✌️
Thank You So Much JavaScript Mastery!
Hope we will get more MERN stack project in future from you.
Definitely!
Can you share the refine-app version you used in this tutorial? The differences between this and the latest version are too big to use this video otherwise.
Same problem
Great struggle anyone solve issues coming in new version of project
I thought I was going crazy; thanks for posting this cause otherwise I would’ve spent all evening trying to figure it out
Same problem please give the response sir......
Did you find a solution Castro?
i am getting letest version of refine not able to do projects by watching video both are completely different what should i do
This is mind blowing. I wish I can like this video a million times. Thank you so much!!
Wow, thank you!
This is so dope, i didnt know how to start working with refine, thanks man
Thank you. You always come with great tutorials !, can we get a full stack React Native application please ?
Great suggestion!
the layout folder in components folder is missing for me also the sider footer folders are missing
Waiting for long time... Thanks for this one...
Most welcome 😊
This Channel is amazing! I'm just a beginner for now, but I love your videos!!
Teleqram me 👆⬆️.
Can someone help me?
When running NPM run dev for the first time localhost:3000 shows me a login screen for Refine. However, when I try to login with google the google login pop up doenst load (only shows a white screen and stays that way); this keeps happening in different browsers. What could be the problem?
Hello. You have to create a OAuth 2.0 Client ID. To do so, follow the steps below (It hardly takes 2-3 minutes to solve this problem) 😄-
1) Go to console.cloud.google.com/cloud-resource-manager and create a new project (name can be random and location can be left as 'No organization').
2) Open the sidebar and click on 'View all Products'.
3) Under the 'Management' section, click on 'APIs & Services'.
4) Next, click on the 'OAuth consent screen' tab (which is in the sidebar) and set the user type to external.
5) Enter a random name and enter your gmail id under 'support email'.
6) Leave the 'App Logo' and 'App Domain' sections empty.
7) Under 'Developer contact information', enter your gmail ID again and click on 'Save and Continue'.
8) Leave everything under the 'Scopes' and 'Test Users' section empty.
9) At the bottom of the 'Summary' section, click on 'Go back to dashboard'.
10) Go to the 'Credentials' tab (which is also in the sidebar).
11) Click on 'Create Credentials' --> 'OAuth client ID'.
12) Set application type as 'Web Application'. The name of the application can be random.
13) Under 'Authorized JavaScript origins' add 2 URLS 'localhost' and 'localhost:3000'.
14) Leave the 'Authorized redirect URLs' empty and click on create.
15) After clicking on create, you will be given a Client ID and Client secret. You only need the Client ID.
16) Copy the Client ID, open visual studio code and go to the client folder.
17) Inside the client folder, go to the 'src' folder --> 'pages' folder --> 'login.tsx' file.
18) Inside the login.tsx file, look for the 'client_id' variable around the 21st line.
19) Finally, replace the 'your-client-id' written inside the quotations marks with the client ID you copied.
20) Save the file, refresh the localhost:3000 website and click on sign in. It should be working now :)
@@JayMalhotra-dq8li Thank You!
You can also just go to 15:02. I just realized that he indirectly showed us how to fix it by following the same steps I listed here lmao.
Also make sure the .env file is at the root of the project
@@jaymalhotra106 Hey man sorry to bother you ! thanks for the tip for show/${id} would you maybe know why when i try to console.log(data) i got a error and its undefined in the console ?
Man what a shame, I really wanted to follow this tutorial, it just looks so good tbh. It's so sad that the latest version of Refine has so many changes... For me, a begginer, it is really hard to follow the video because all the architecture is completely different. Anyways, thank you a lot for your effort, I'll hope you re-do this tutorial with the newest changes someday!
Btw, if anyone know the actual Refine version used on this video, please let me know!
I think he is using version 3. And now the latest version 4 has come. If you get the solution do tell me pls.
This is the second app I've tried to work through with his tutorial as a refresher for a job I start this week and couldn't get through all the way. Love the info he provides, more of a testament to how fast tech changes
Seeing this video made me emotional. God bless you Adrian🙏
That's what I was exactly looking for, thanks man !
Enjoy!
Adrian your tutorial is outdated unfortunately. We would appreciate it if you make another MERN stack tutorial with refine.
And thankyou for your great tutorials.
Are these code not working now ???
@@RahulKumar-xl3dd yes, kind of.
where to find the layout/sidebar folder omg.......
IKR. It seems like refine has a new version and that version doesn't have half of the files JS Mastery has shown here
I had the same problem as well. Does anyone know if there is a work around or if this tut is accurate anymore?
This tutorial is sort of obsolete. It's still possible to get things running but it would require you to look at the git repo and copy things out of there. The App.tsx would be the starting point in comparing what is in the tutorial vs what you get trying to run it in March 2023
@@SwankyMarrow212 Yes. Just want to know are you still trying ?
Some Tutors won't even give out something of this nature in their PREMIUM COURSE, yet, you gave it all FREE. When I saw your mail, I was like, this can't be free, to my greatest surprise, it was FREE. Thank You for all you do. I really appreciate it. A quick question though, does this cover Email Verification system?
Wow, thanks!
@@javascriptmastery No, Thank You, this is the least thing I can do. Please, can you answer the question, I just wanted to know, I have already downloaded the video
No email validation
@@javascriptmastery Please, I know this might be too much, or maybe out of line, but please, can you create a video that teaches the email verification process please.
@@charleschukwuemeka8482 ed roh has some good videos.
You basically just want anything with form validation
You can search videos about formik and yup(resources you can install for minimal coding). Those work with refine/mern/react frameworks.
This absolutely amazing, please focus on projects like in the future 🙏
Teleqram me 👆⬆️.
Would like to see back-end in TypeScript too, but thanks!
Noted!
First of all, thanks a lot. This is awesome. I am just starting out tho but the folders in my components is missing layout, sider and title. Any reason why?
me too, I also don't know why
npm create refine-app@latest -- --branch v3 tutorial
this one works
Thank you for this amazing mern stack application, one of the best channels
this channel is a treasure