Build and Deploy a Full Stack MERN Application With CRUD, Auth, and Charts Using Refine

[@javascriptmastery]

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

[@FCBayernMuni-TV]

hi there thanks for this great tutorial but i get many problems can you help me please

[@luizsantos9330]

@@FCBayernMuni-TV Man this video has been posted 1 month ago and the examples given are changed in actual path. -.-'

[@FCBayernMuni-TV]

@@luizsantos9330 how is that ?

[@luizsantos9330]

​@@FCBayernMuni-TV When he started the code at exporting components the files and folders are completely different on git hub '-'

[@appstuff6565]

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!

[@stephaneessomba9441]

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

[@javascriptmastery]

Thank you so so much!!

[@ojaradonato]

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.

[@javascriptmastery]

Thank you so much!

[@admin8784]

@@javascriptmastery no, thank you

[@_elusivex_]

@@Englishmusic-qi9fp your wish is granted

[@ryanahouandjinou1095]

@@javascriptmastery Seriously, we all should be thanking you.

[@bitkillerjones]

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!

[@javascriptmastery]

Wow, thank you!

[@bigredeyesproductions9274]

I agree, Adrian has provided much value to the community, I hope I can too.

[@jacobbelem6527]

Sure, he has my soul.🤟

[@hailemichaelatrsaw2553]

Agreed

[@J.a.k.e.b.r.a.v.o]

For real mahn!

[@CricketWithHarris]

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]

Thank you!

[@aramistanboulian6212]

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

[@JeremiKress]

Goat

[@ameralyasin3075]

i am starting today bro , i wanted to ask you if it is hard to continue before going further @@JeremiKress

[@sohoomlalbanerjee7076]

Did it work?

[@MickberryZ_Fortube]

Thank you, it works.

[@mileslegend]

@@MickberryZ_Fortube i tried but not yet able to master it well, the app still breaks

[@themiyajayakodi4052]

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.

[@ragtop63]

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.

[@abdellahslimani]

did you build it using the latest version of refine?

[@jbpcodelab6913]

You're right.. I was surprised too lol.

[@mauriciocastro1549]

@@abdellahslimani What version are we supposed to use?

[@abdellahslimani]

@@mauriciocastro1549 apparently the latest version because the version he used in the video is deprecated;

[@punithprachi5042]

where is the layout component :(

[@ryank9719]

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.

[@RoadTrip-and-Music]

I knew someone have solved it, so i first check comments ha-ha! thanks )) sometimes laziness is good to move on! :D

[@hamzaxezzat]

Thanks man, It works!

[@PositivityPulse009]

Bro have you completed this app?

[@ryank9719]

@@PositivityPulse009 Yes. I'm even going beyond the tutorial and creating the pages that aren't in the tutorial

[@neemzworld]

not all heroes wear capes

[@SeanHuggins]

I think I speak for everyone when I say, thank you for all you do for the community. Respect dude 😁

[@javascriptmastery]

I appreciate that

[@YOCOMM2]

@@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

[@liman_logic]

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.

[@adnanamin3666]

I mean, they keep coming... which is an absolute blessing for the community to get such qualitiful and well explained lessons. ♥

[@javascriptmastery]

More to come!

[@karthiknarve5386]

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 KZbin. Hats off to your effort sir!

[@poocham]

As a seasoned developer, this is absolutely puregold! Thank you for doing this!

[@javascriptmastery]

Glad you enjoyed it!

[@r.mikegester]

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.

[@vaibhavnimkar6252]

can you tell me which version is he using'

[@tmate88-j8y]

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]

You can do it!

[@tmate88-j8y]

@@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!

[@kaycampbell364]

How did you get around the errors because of outdated code

[@worldfun7397]

Only god know that I don't comment channels KZbin but because of your effort that you put on this video I can't hold myself to say thank you

[@javascriptmastery]

Wow, thank you

[@levisogosi5189]

This content should be uploaded to Netflix..pure magic🔥🔥

[@javasmastery__my_Teleqram_id]

Teleqram me 👆⬆️.

[@nonchain]

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

[@javascriptmastery]

That is awesome!

[@hardikraval5979]

Hey Nether, Did you completed the project if yes ?! What are the prerequist software I should install in my PC to start this project ?!

[@nonchain]

@@hardikraval5979 VS code software for coding, Node js, and npm...

[@worldfun7397]

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 KZbin so thank you guy

[@javascriptmastery]

Wow, thank you

[@hailemichaelatrsaw2553]

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..

[@javasmastery__my_Teleqram_id]

Teleqram me 👆⬆️.

[@jonathanalphonso2035]

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 KZbin channel of all time! Keep up the amazing work!

[@PositivityPulse009]

Bro have you completed this app?

[@jonathanalphonso2035]

@@PositivityPulse009 Working on it. I've done some previous apps, though.

[@RahulKumar-xl3dd]

@@PositivityPulse009 Did you ?

[@dhaloh]

@@RahulKumar-xl3dd did you bro?

[@RahulKumar-xl3dd]

@@dhaloh no

[@smurfx6922]

People have no idea how important and beneficial this video is...

[@javascriptmastery]

Thank you so much!

[@felipearchanjodacunhamende4881]

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.

[@javascriptmastery]

More to come!

[@arvydas5017]

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!

[@javascriptmastery]

Glad you like them!

[@wefindcourses]

I never understand how all of this is free 😢 Thanks Adrian ❤

[@javascriptmastery]

Enjoy!

[@sasasthisu]

Seriously Adrian thank you so much

[@divanshugarg1527]

This is super amazing, Typescript, Refine, and complex UI like dashboard all in one place in one video. Your work is amazing

[@javascriptmastery]

Cool idea!

[@manaspanigrahi9018]

We need more MERN stack..will try to complete this asap.

[@javascriptmastery]

Enjoy!

[@ApnaCodingSchoolOfficial]

Please complete this video by adding calling feature and talking to agent as well Then reviews section as well

[@Ghalynho10]

What do you use for state management in this video?

[@ghost32bit]

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.

[@javascriptmastery]

Enjoy!

[@princeakim01]

Amazing I wait every two friday 11 Am for An AMAZING course , Thanks Adrian , From Burkina Faso

[@javascriptmastery]

Thank you so much!

[@wilsonmela6343]

This is hands down the best channel to learn web development. Thank you.

[@javascriptmastery]

You're very welcome!

[@SajjadHematiNourani]

You are an excellent instructor. I hope you continue doing fantastic projects forever.

[@javascriptmastery]

Thank you very much!

[@uiuxengineer]

Adrian (JS Mastery) thank you so much for such professional content on KZbin and other platforms! You doing a great job!

[@javascriptmastery]

I appreciate that!

[@Solivolts]

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!

[@javascriptmastery]

Awesome, thank you!

[@asadqureshi126]

I was about to finish previous OpenAI project. Learned a lot from it. This one will be amazing too.

[@javascriptmastery]

Enjoy!

[@codingwithpraveen]

Demo of this website is great , 😃 now i am going to create this project 😃 . I will share link after completing.

[@javascriptmastery]

Great 👍

[@poojithaponnumani572]

Have u Complete it?

[@baphometgaming1056]

I just want to say, You are amazing Adrian, the amount of incredible content you put on the internet is invaluable!

[@mashayeakhislam4078]

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.

[@javasmastery__my_Teleqram_id]

Teleqram me 👆⬆️.

[@techhouse182]

As usual one more masterpiece project for developer's. Js mastery channel is a life saver for getting a dream job... keep going ✅✅ Man ❤️

[@javascriptmastery]

Thanks a lot!

[@ApnaCodingSchoolOfficial]

Finally my semester exams are over and now I am on with your new project 😜

[@javasmastery__my_Teleqram_id]

Teleqram me 👆⬆️.

[@mileslegend]

this is the most challenging video tutorial so far that i have followed 😮‍💨

[@rohitkumarvarma4952]

Bro u are reading minds now!! Just searching for react dashboard tutorials 💫

[@javascriptmastery]

No way!

[@rohitkumarvarma4952]

@@javascriptmastery Thanks for all the full stack web dev content you create ! ♥️

[@getinstant6122]

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

[@Java_mastery1_teleqram_me289.]

👆 questions can come in.

[@lazycoderlee]

@Adrain you're really helping a lot. Your videos will teach and give confidence that we can build web applications 🙂. Thanks 🙏

[@javascriptmastery]

Thank you!

[@ojaradonato]

@@javascriptmastery welcome @Adrian for showing the right ways of web development

[@mutasimahmed8975]

thank you for not skipping on pre requsites session and thank you for all this

[@javascriptmastery]

You're so welcome!

[@lakshayyadav2865]

You are amazing, your content is better than most of the paid content out there. Keep up the good work!

[@javascriptmastery]

Thank you!

[@RolandMurdoc]

The dedication is what keeps me devoted to this channel and your discord, keep it up, champ.

[@javascriptmastery]

Awesome, thanks!

[@cone2571]

Lets go bro , just continue teach us. Your are doing amazing job !

[@javascriptmastery]

Appreciate it!

[@sumeshk.s4244]

Respect to him. His style of teaching is on point.

[@ChrisPirillo147]

Amazing! I'm gonna hop in. Truly appreciate the effort and work you've put into this 😊

[@javascriptmastery]

Good luck!

[@shinaogeleka9207]

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??

[@akanpatrick447]

Alan must be protected at all cost. He is a global asset. Thanks for all you have been giving us for free.

[@harryparkinson3749]

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?

[@javascriptmastery]

That's amazing, congrats! Three.js coming soon! :)

[@learncode5110]

@@javascriptmastery Please bring three.JS and Gsap animation series.. on youtube no one has uploaded yet any dedicated tuts on GSAP animation series.

[@RomiLenoir]

Amazing! Just find this channel after a long night working on my MERN Dashboard

[@JeronimoGinaca]

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!

[@gaganchaudhary4982]

yeah same for me

[@bongumenzinzama6896]

Don Adrian taking care of business again🔥🔥🔥,thank you bro you are building lives🙌🙌🙌🙌

[@javascriptmastery]

Always

[@abdulateef-da-designer]

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?

[@javascriptmastery]

Sure thing!

[@lucasbertoldo5062]

You' re amazing, dude! Thanks for your contributuion to us, jr developers, and congratulations for this tutorial 👏🏻👏🏻👏🏻

[@javascriptmastery]

Glad you like it!

[@learncode5110]

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.

[@javascriptmastery]

Thank you, I will

[@learncode5110]

@@javascriptmastery That's great! egerly waiting to learn

[@tinkerman1790]

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! 😎

[@RohitPatil-he2im]

Gob bless this guy! You are doing so much of good work and giving it away for free. Thanks a lot!!

[@javascriptmastery]

My pleasure!

[@rainbeturns5537]

wow this is the best mern course with google auth and typescript

[@javascriptmastery]

Thank you!

[@trongnhanle83]

Refine 4 does't have refine(CRA) template

[@imtiazshawn167]

Thank You So Much JavaScript Mastery! Hope we will get more MERN stack project in future from you.

[@javascriptmastery]

Definitely!

[@shivanisharma5296]

You are so awesome and Thank You for all your free projects ❤

[@javascriptmastery]

Thank you!

[@TinyRick2994]

Its the second project i do following your videos and i can't thank you enough !

[@anandhuashok4428]

i am getting letest version of refine not able to do projects by watching video both are completely different what should i do

[@aboronilov]

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

[@javascriptmastery]

Thanks a ton

[@kwakutakyi5032]

Absolute Gold. 🎊🎊🎊.. big blessings on you bro

[@javascriptmastery]

Thank you!

[@HandsOnKnowledge]

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

[@joaonascimento3574]

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!

[@javasmastery__my_Teleqram_id]

Teleqram me 👆⬆️..

[@zyzzyeager]

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!

[@youmnayasser367]

This is really Epic ! Keep up the good work .✌

[@javascriptmastery]

Thanks ✌️

[@joshuaekwonye2000]

Seeing this video made me emotional. God bless you Adrian🙏

[@devmesh5340]

Just what I needed, thanks a ton!

[@javascriptmastery]

Enjoy!

[@elameenmuhammad1276]

This is mind blowing. I wish I can like this video a million times. Thank you so much!!

[@javascriptmastery]

Wow, thank you!

[@Andrew-Tsegaye]

The greatest developer ever! come back with another pinnacle app that no other KZbinrs don't actually have. Thank you so much

[@javascriptmastery]

You're welcome 😊

[@nigam_sharma]

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

[@AB-io8vc]

MAAAANNNNN!!!! YOU ARE LOVE. LOVE FROM PAKISTAN. Seriously,no words to describe,want to meet you in person one day to THANK YOU.

[@javascriptmastery]

Thank you!!!

[@dosamuel-mb]

Thank you. You always come with great tutorials !, can we get a full stack React Native application please ?

[@javascriptmastery]

Great suggestion!

[@GamersZone131]

React has really got his master, Thanks dude let's dive in

[@javascriptmastery]

Thank you!

[@ruhaimhakeem6170]

Wohooo the consistency ❤️❤️

[@javascriptmastery]

Thank you!

[@nassimsleem7]

Thank you for this amazing mern stack application, one of the best channels

[@JorgeParra-c4e]

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!

[@rajbelwal1634]

I think he is using version 3. And now the latest version 4 has come. If you get the solution do tell me pls.

[@mountaingoatgaminggg9395]

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

[@chukwuebukaokonta167]

I feel like crying man😭😭, you're a gem..just what I needed

[@javascriptmastery]

Enjoy it! ❤️

[@marcscherzer]

Would like to see back-end in TypeScript too, but thanks!

[@javascriptmastery]

Noted!

[@fahrezaraharjo1983]

I'm always waiting for this channel to upload new videos again so I can learn for free

[@javascriptmastery]

Thank you!

[@erfan5875]

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.

[@RahulKumar-xl3dd]

Are these code not working now ???

[@erfan5875]

​@@RahulKumar-xl3dd yes, kind of.

[@awaisraza2285]

There should be a part 2 of this. Where a Property related website could'be build with these modern technologies

[@jacobflaherty5787]

Check his backlog of videos for what you're asking for. ;)

[@javachat11_teleqram]

For help, questions can come in 👆🔝

[@secretsorcerer]

Thanks again!! We can't thank you enough.

[@javascriptmastery]

Thank you!!

[@badrbouizg8407]

great Work i learn a lot of thing with this is absolutely one of the great channels for web developers . i really want you to do a video explain the media query and how can we use it ...cause your explanation and the way you work is soo smoth

[@javascriptmastery]

Great suggestion!

[@mauriciocastro1549]

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.

[@sojwalgosavi4406]

Same problem

[@MohitKumar-gl3gf]

Great struggle anyone solve issues coming in new version of project

[@OfficialAdamRoss]

I thought I was going crazy; thanks for posting this cause otherwise I would’ve spent all evening trying to figure it out

[@sumitavdash9421]

Same problem please give the response sir......

[@nenastemis9580]

Did you find a solution Castro?

[@charleschukwuemeka8482]

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]

Wow, thanks!

[@charleschukwuemeka8482]

@@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]

No email validation

[@charleschukwuemeka8482]

@@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.

[@Sam-oz8tw]

@@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.

[@lukermatthewtan7429]

Another premium content ❤ thnx

[@javascriptmastery]

My pleasure 😊

[@RoadTrip-and-Music]

Thanks so much! I realize my appetites are growing! )) Want & Wait more and more great projects from You! ;) !

[@RoadTrip-and-Music]

and wish You 1 million subscribers this year!

[@YOCOMM2]

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

[@RoadTrip-and-Music]

@@YOCOMM2 maybe you did a mistake in google cloud… so that’s why it doesn’t let you enter the site… 🌝✌️

[@kanwarghuman3184]

hi JSM I was wondering if you could make a updated video because currently this video is outdated

[@pearlyang2556]

yeah it is full of errors, i also notice most of the positive comments are from a year ago, i really think the tutorial is helpful but it is outdated 😭

[@Thunder-l3n]

This Channel is amazing! I'm just a beginner for now, but I love your videos!!

[@javasmastery__my_Teleqram_id]

Teleqram me 👆⬆️.

[@BobbyStocker]

Hey there! I love the tutorial since I'm fairly new to Full-Stack development. Is there a reason some files are large in size instead of being broken down into smaller components? I do understand there are times when it's not avoidable.

[@aneeeeesh]

it’s for you to be able to keep everything clean, it’s just like having a different notebook for each class in college instead of just having 1 with all subjects, it’s just easier to understand what’s going on especially when there’s lines and lines and lines of code

[@hiteshpakhan7783]

oh man i needed it i am currently building projects for practice and i am in final year so i am starting building it now

[@javascriptmastery]

Enjoy!

[@brothersamproduction7917]

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?

[@kentrusselpayumo2572]

me too, I also don't know why

[@seidkhan]

npm create refine-app@latest -- --branch v3 tutorial this one works

[@georgemwaniki]

This is so dope, i didnt know how to start working with refine, thanks man