Build a MERN React Admin Dashboard | Redux Toolkit Query, Backend Focus, Deployment, Data Modeling

Build and Deploy a MERN Stack Admin Dashboard tutorial. For frontend, we will be using Material UI, Material UI Data Grid, Nivo Charts, Redux Toolkit and Redux Toolkit Query. For backend, we will be using Node JS, Express Js, Mongoose, and MongoDB. We will also go through how to Data Model using Entity Relationship Diagrams as well as making aggregate calls in MongoDB.

Links:

Code
———————————

for more web development and web 3.0 blockchain tutorials!

———————————

Who is EdRoh? I'm a lead engineer for a publicly traded company and have been developing for a decade now.

I'm here to provide you in-depth tutorials by simplifying difficult concepts and more importantly, getting your hands dirty by building production level projects with ease to impress your future/current employer or clients.

Chapters
0:00 Build a Complete React MERN Stack Admin Dashboard App
3:42 Backend Packages and Installations
5:27 Backend Configuration and Setup
12:12 MongoDB Installation and Setup
20:50 Frontend Installation and Packages
26:46 How to set up Colors and MUI Light and Dark Mode Themes with Redux Toolkit
40:32 Building a Navbar with MUI
1:01:37 Building a Sidebar with MUI
1:29:32 RTK Query and injecting mock data into MongoDB
2:09:00 ERD Diagram and Data Modeling
2:20:00 Products Page
3:02:41 Customers Page
3:23:26 Transactions Page
4:05:00 Geography Page
4:27:18 Overview Page
5:02:00 Daily Page
5:17:20 Monthly Page
5:22:39 Breakdown Page
5:37:15 Admin Page
5:48:03 Performance Page
6:09:21 Dashboard Page
6:57:57 Completed and Deployed MERN Stack Admin Dashboard

[EdRohDev]

Hey peeps! This is a long one, and just a forewarning that this is a little more dense than usual, but if are up for the challenge, give it a try!

[sumitsasidharan]

Thank you so much Ed. These tutorials are invaluable. I've seen youtubers like you grow from absolutely nothing to 400+ subs and more.

[ahoymatey]

Excellent tutorial. You can pay thousands to go to a bootcamp or follow Ed. This tutorial is the best tutorial that I have seen in many years of working as a developer. Looking forward to the next one! Never have I seen someone create a tutorial as expansive as this while also clearly, and that is the key, explaining the how and why. Awesome work!

[dongyuexu]

I love your MERN stack project tutorial! The app built is very functional and elaborate, and you also explain the tech stacks really well. You also teach us deploying the app. Keep making project tutorials like this. Thank you so much!

[longvuong]

Been through some errors here and there but i'm glad you and there are more people out there are still willing to help me complete this project. Huge thumbs up for you, looking forward to more of your works in the future. Keep up the good work man!

[blakegalbavy]

Keep up the amazing work. Loving the MERN projects you're pushing out!!

[ilyacherkasov]

Thanks Ed! I've just wrapped up with it. It's amazing. It took me almost 2 weeks in implement all stuff. And I've replaced express with fastify. I've never used rtk queries before and really like it now ) Really appreciate all huge efforts you put in this workshop.

[krambow]

You're kinda of an anarchyst code guru, givin us free high quality knowledge, no words to express my gratitude
, thank you, god bless you!

[reginaldoertel]

Thank you very much. I was gob-smacked to see how beautifully all the different parts fit together. Truly a masterpiece of art (Code).

[ThatOneDocInTech]

Honestly, I’ve not been this happy in a while. This work was simply, AWESOME! This channel deserves more than a million follows! Thank you for taking your time to explain everything in Crystal clear details. I just completed and deployed the project. I fill fulfilled. Thank you

[victortimi]

You're a life saver! definately I will go through this project again to fully understand the concepts used here.

[angleklima]

The pace you are going is great love it

[tundeadebanjo]

I have not touch nodejs in a while, this video just rekindle my interest in fullstack dev. This is gold Ed! Thanks alot

[nemila]

I don’t often comment but I am doing it this time just to support your channel. Thank you for your great tutorials and please don’t stop.

[HSINVM]

i have been speedrunning tutorial for the past month and this channel is by far the smoothest to code to. Plus you perfectly describe the information that is actually necessary. Keep up the good work! I learned alot from you. I wish i had found you sooner

[betty-rqqv]

This gonna be one of the biggest dev resource channels next year. Awesome content 👊🏼

[saira_anonymous]

Completed this tutorial! Thanks a tonn for this!! I could revise some concepts and learn A LOT of new ones.

[jandrive]

This was done excellent! Clear and precise speaking. Well done!

[zeshanshaikh]

One of the best project I have seen till now in mern stack

[binfuwong]

Thanks Ed! I've just completed this video and it was so much fun that 7 hours flew past before I knew it. You're a great mentor who explains concepts in a clear and concise manner. Thanks for making the learning curve a lot smoother!