MERN Stack Crash Course for beginners (MongoDB, ExpressJs, React, NodeJS in 8 hours)

Build a full-fledged MERN stack application from scratch as you follow along this video containing a series of recorded videos, and live streams. You'll be creating a Notes application using React, MongoDB, Express JS, and NodeJS.

👉FrontEnd Code Repo:
👉BackEnd Code Repo:

🎥🎤📷 GEAR for Content Creation (contains affiliate links) 🎥🎤📷:
Audio-Technica AT2020USB+ Cardioid Condenser USB Microphone
Blue Microphones iCE USB Mic
Sony a5100 Camera
Elgato Key Light, 2800 Lumens
Sigma 16mm f/1.4 DC DN Contemporary Lens for Sony E (402965)
Philips Hue Go White and Color Portable Dimmable LED
Logitech G PRO X Gaming Headset (2nd Generation)
ASUS TUF Gaming 27" 2K HDR Curved Monitor (VG27WQ1B)
SAMSUNG 27-Inch CRG5 240Hz Curved Gaming Monitor (LC27RG50FQNXZA)
Logitech G Pro Wireless Gaming Mouse
Corsair K70 RGB MK.2 Mechanical Gaming Keyboard

❤️❤️ Become a Supporter (because you're awesome):

❤️ Support the CodeWithAhsan community One-Time-Only:

🎥 Live Streams / Free sessions:

👉 Socials:

TIME CODES:
00:00 - Introduction
00:50 - App Overview
05:12 - Creating the Backend (NodeJS) App
00:22:30 - Creating the Frontend (React) App
00:51:50 - Creating Notes User Interface (UI)
01:40:00 - Updating Notes UI
01:48:00 - Making Notes editable
02:57:00 - Saving Notes to LocalStorage
03:14:00 - Deploying React app to GitHub Pages
03:43:00 - Setting up Database (MongoDB)
04:13:20 - Implementing ExpressJS API Routes
04:28:46 - Connecting the Backend and the Database
04:33:06 - Creating Mongoose models and DB methods for CRUD
05:11:51 - Implementing CRUD API in the Backend
06:48:56 - Integrating the Frontend and the Backend
08:18:13 - Outro

[CodeWithAhsan]

TIME CODES:
00:00 - Introduction
00:50 - App Overview
05:12 - Creating the Backend (NodeJS) App
00:22:30 - Creating the Frontend (React) App
00:51:50 - Creating Notes User Interface (UI)
01:40:00 - Updating Notes UI
01:48:00 - Making Notes editable
02:57:00 - Saving Notes to LocalStorage
03:14:00 - Deploying React app to GitHub Pages
03:43:00 - Setting up Database (MongoDB)
04:13:20 - Implementing ExpressJS API Routes
04:28:46 - Connecting the Backend and the Database
04:33:06 - Creating Mongoose models and DB methods for CRUD
05:11:51 - Implementing CRUD API in the Backend
06:48:56 - Integrating the Frontend and the Backend
08:18:13 - Outro

[Pokoatlantis]

loved every bit of this video including the editing explanation your content is underrated

[mzafarr]

This is definitely the best MERN tutorial I have found so far. Thank you!

[vatansrivastava]

Very underrated channel... Listening you is a treat to watch, really love your videos

[vaibhavgoel]

I have watched many channel ... sach ma u r the best tutor smootly u are telling all the concepts with an ease thanks alot

[kuribohize]

friend thank you very much for this quality material, I wish you the best you are a genius a greeting from Argentina

[CodeWithAhsan]

What should I build next with MERN stack?

[sohaibashrafbutt]

Thank you so much brother.May Allah bless you with success, health, happiness, patience and strength.

[MuhammadSalman-chbm]

I've watched so many tutorial on react typescript and on others but the way you explained things are fabulous the only thing which was interrupting was your video box sometimes your code hide behind it otherwise everything was good hoping more videos like this.

[haeunjeong]

I really like the way you explain how it works and what's going on behind the scene using the debugging tool. Thank you for the tutorial.

[saadzafar]

New subscriber after just listening few minutes. Awesome bro....

[BlazingAura]

Would you be willing to do one talking about Final Year Projects? Talk about different ideas, how they would be implemented, what should your approach be for something like it in a more professional setting etc.?

[muhammadsalmanhassan]

Amazing effects and sounds and quality is boom XD

[hussainnaqvee]

3:05:45 For some reason the second useEffect hook( the one on line#22) was overwriting the noteListString which eventually sets the localStorage to an empty string. I had to make a check that it should not set localstorage if there's an empty string.

[muhammadsalmanhassan]

My wish is that you reach at least 1 M for this tutorial Sir

[vostorot]

please create more tutorials related to mern.

[TheAyazsayz]

I am .net Developer having experience around 8 years. I have knowledge of angular also and have some worked on. So my question is this course is for me or not?

[SyedAmirAli]

what camera do you use for recordings ?

[GamerLifeStory]

Salam Ahsan Bro, Kindly Upload a Backend Crash Course from zero to Hero. covering Node.js, Express.js, and Mongodb

[noumanqureshi]

Can you make a separte course on this it would be quite easy to learn with new standards cause this is 2 years old.