Build a Fullstack Blog App using MERN (mongo, express, react, node)

In this tutorial, I'm going to show you how to build a fullstack blog app using MERN (mongo, express, react, node).

This blog app tutorial is designed for beginners and will teach you the basics of building a blog app using MERN. By the end of this tutorial, you will have a working blog app that you can use to publish your blog content.

Timestamps:
00:00:00 - Intro
00:02:02 - Building homepage with react
00:23:35 - Routing with react-router-dom
00:34:50 - Login and register page
00:42:32 - Authentication
01:22:01 - Checking if logged in
01:30:38 - Logout functionality
01:33:05 - UserContext
01:41:04 - Create new post page
02:15:52 - Displaying posts from the database
02:38:26 - Single post page
03:02:20 - Edit post page
03:31:57 - Outro

[raghavendrac]

Sir, this is the best react video ive ever watched. No bs starter code. The entire tutorial was so intuitive.

[Skyvastern]

This was a great tutorial, helped me solidify my webdev knowledge, and the fact it was done purely from scratch without providing any starter code was a huge plus. Thank You!

[marcsnuffythegreatest]

This is a great tutorial, .. for anyone who wants to get started into node, mern stack, .. he explained every bit of code., .. for what it does, ... ive completely watched it and loved it.

[icongrindsetsfj]

Thank you boss. For the first time I can say that I truly understood how request and response and jwt etc work in web development. Please keep this up, god bless you. You teach very calmly and explain the nuances properly. Great content!

[_ayush_oswal]

Finally completed it !! an amazing project indeed got to learn soo much from, user contexts, jwt, image uploading, react quill, i went ahead added 3 new features to it including comments, individual author pages, containing all their posts and also to change the post date when they are updated so that they appear on top. Gonna deploy it soon, thanks a ton dawid!!

[ahmedaq]

min 17 so far.. the guy is so amazing.. despite the video being edited, the makes mistakes and go back to correct his mistakes... this helps beginners a lot in learning how to style and make these cool stuff.💯

[camilotello]

1:03:27 I really loved the fact that you tried an alternative for error handling, didn't work well and opted for something else. That really depicts what a software developer ever does :)

[BroccoliGuy-js]

I thought just I was enjoying tutorial but hope everyone loved it because of you Dawid, thank you

[SinmbfLost]

Finally finished this great tutorial. In my opinion, there were a lot of code repetition in the project but that can be refactored by us so it's not a big deal. Also, I got to learn a lot of new and interesting stuffs like react quill, how to use cookies, multer, etc. Overall, it's a great tutorial and worth the time and effort.

Lastly, I want to say that I think it's not a good practise to write everything in our index.js backend. It would have been better if we had used express router and created a seperate file for the different routes.

[code_in_space]

Thank you for sharing this insightful glimpse into your life as an aerospace engineer in Seattle! Your reflections on career growth and embracing your 30s really resonated with me. I'm also in the aerospace field and would love to hear any additional career advice you might have, especially for someone in the earlier stages. If you're open to it, I'd be grateful for the opportunity to connect privately to ask a few specific questions. No pressure at all if that's not possible - I really appreciate the guidance you've already shared in this video. Keep up the fantastic content!

[Lm-hutm]

Thanks, man, I followed the tutorial from start to end, and really understood mongoose and endpoints!

[eshw]

I love watching you troubleshoot, its amazing!

[ValentinWF]

Terminado, excelente curso esperamos más de MERN actualizado 2023 :)

[danilkhodus]

Thank you a lot. I have successfully made a blog following your video. Now need to practice more of your video guides.

[musaabdulkabir]

Hello guys, please take note of the chapter, that talks about "Displaying posts from the database" at exactly 2:31:34.This method " res.json(await postModel.find().populate("author", ["username"])); " is no more working again.After i consort the documentation, You can only get the username by this res.json(await postModel.find().populate("author", "username"));.


I hope it will be helpful. Thanks

[hanzalaansari]

completed this project (it took me around one week to build this with typescript)
will add more features to it in future

[nikhilojha]

Dawid can you please make a tutorial on deployment of MERN apps. And a big thanks for such a simple and well explained tutorial.

[gamingrecord]

It would be nice if u showed the folder explorer like in vs code on left side make easier to understand when u navigate from one file to another.
still a good tutorial and iam in the process of completing.

[santanu]

Thank you so much. This was a really helpful one. I feel so good, I could complete this. Over the journey, I used ES6 import statements rather than require. Due to this I face so many errors which I solved with chatGPT and stackoverflow. This was just a great learning experience, I learned to not give up, which was one of my weaknesses. I hope to see you soon in a new tutorial.

[foreverduke]

Great tutorial. Learned so many things. Thanks man.