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

In this one video, learn how to develop a fully functional full-stack MERN dashboard application with complete CRUD functionalities, authentication, pagination, sorting, filtering, and more!

📚 Materials/References:

Alongside building this great application, you'll also learn the following:
2. Material UI: The most popular UI Component Kit nowadays
3. TypeScript: Yep, you heard that right; we’ll use TypeScript on this project! No previous typescript knowledge is required
4. You’ll learn how to transform a Figma design into a fully functioning website
5. You’ll also learn how to optimize images and store them on the cloud using Cloudinary
6. Provide a quick and easy way for your users to log in and register using Google Auth
7. Most importantly, you’ll learn how to build React-based CRUD applications quickly using refine.

Time Stamps 👇
00:00:00 Intro
00:05:39 Setup
00:20:00 Sidebar
00:29:15 Refine
00:39:33 Home
01:12:41 Properties
01:22:09 Create Property
01:48:40 Backend Setup
02:08:11 Routes
02:36:48 Displaying Properties
02:51:02 Pagination, Sorting & Filtering
03:18:20 Property Details
03:45:31 Agents
04:30:01 Deployment

[karthiknarve]

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

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

[adnanamin]

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

[SeanHuggins]

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

[divanshugarg]

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

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

[SajjadHematiNourani]

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

[themiyajayakodi]

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.

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

[baphometgaming]

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

[ragtop]

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.

[stephaneessomba]

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

[poocham]

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

[mashayeakhislam]

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.

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

[arvydas]

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!

[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

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

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

[johndigirolamo]

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!