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

This course offers a complete, in-depth look at modern web development using the MERN stack. By the end, you'll have a fully functional blog website and the skills to build and manage your own web projects. Plus, you'll gain insights into best practices for both frontend and backend development, making you a versatile and valuable developer in today's job market.

Join us on this exciting journey to become a proficient full-stack developer. Enroll now and start building your professional blog website today!

#mernstack #reactjs #tailwindcss #nodejs #expressjs #jwt

🏷️ Images & Source Files:
2. [for Source code, buy me a coffee ](

✅ For a one-time payment of $3, gain lifetime access to all our existing and future courses (including all source codes).

👉 Join Pro Membership:

Note: The amount you support, will be used to purchase course materials or improve the studio (such sounds, camera, or other accessories).

⚠️ N.B: If you're learning web development but can't afford to buy source code, you're in the right place. I believe in supporting passionate learners like you, and that's why I'm offering free access to my source code for educational purposes.

**🏷️ Related Video:**

**⏱️ Timestamps:**

**Module 1: Introduction**
- 00:00:00 Introduction
- 00:14:25 Before you get started
- 00:20:40 VS Code install

**Module 2: Backend Development**
- 00:23:18 Basic server setup
- 00:40:59 Connect MongoDB and Mongoose
- 00:53:11 Dotenv setup
- 01:01:26 Create a blog model
- 01:11:18 Basic blog routes
- 01:17:39 Download Postman for API testing
- 01:22:47 Post a blog to database
- 01:33:35 Get all blogs data
- 01:37:07 Search and category filtering
- 01:45:49 Get a single blog
- 01:53:25 Update a blog in DB
- 01:59:28 Delete a blog from DB
- 02:03:55 Get all related blogs
- 02:12:46 Create a comment model
- 02:16:35 Post a new comment
- 02:28:54 Get all comments
- 02:31:58 Modify blog routes

**Module 3: Authentication & Authorization**
- 02:37:42 Create a user model
- 02:41:46 Register a user route
- 02:50:47 How to hash password
- 02:57:57 Login using email and password
- 03:09:08 Generate JWT token
- 03:26:08 Logout a user
- 03:28:58 Get all users from DB
- 03:33:09 Delete a user from DB
- 03:39:47 Update user role
- 03:45:32 Modify blog model and routes
- 03:55:57 VerifyToken middleware
- 04:08:25 isAdmin check middleware
- 04:17:54 Update blog data in MongoDB

**Module 4: Get Started with Frontend**
- 04:22:41 Setup Vite React project
- 04:30:11 Install Tailwind CSS
- 04:40:23 Customize theme and colors
- 04:43:00 Setup React Router DOM
- 04:51:12 Project structure and outlet
- 04:57:06 Create navbar
- 05:19:16 Mobile responsive navbar
- 05:33:45 Hero section using Swiper JS
- 05:51:42 Create blog and search components
- 06:04:51 Redux and Redux Toolkit setup
- 06:21:14 Fetch blog data and show
- 06:35:04 Single blog API and route
- 06:45:07 Blog details page
- 07:09:02 Comment cards component
- 07:19:10 Post a comment section
- 07:25:28 Related blog section

**Module 5: Auth, Register and Login**
- 07:41:51 Login and register page
- 07:59:21 Auth API setup
- 08:12:58 Login functionality and get token
- 08:33:14 Modify navbar and show profile
- 08:48:33 Create comment API
- 09:12:09 Modify blog API

**Module 6: Admin Dashboard**
- 09:18:57 Create admin dashboard
- 09:37:21 Admin navigation routes
- 09:46:33 Setup private routes
- 09:52:46 Admin dashboard page
- 10:12:12 Blog graph chart
- 10:25:53 Add new blog post
- 11:28:49 Manage blog posts
- 11:49:52 Update blog post
- 12:08:22 Manage users & user roles

**⬇️ Popular Playlists:**

**► You Can Share Your Ideas In This ❤️ Comment Box ❤️**

**❤️ Search Me In Google:** Md Al Mamun

**🏷️ Related Tags:** learn react js, personal portfolio website, react js crash course

[mahmutyilmaz]

Thanks for all! What is this 'return !!token' at 8:26:52..And I get the same error.There is no user info in localStotage...Can you help me pls?

[zeeshankhursheed-rj]

Great project! I hope to see more like it. I've been stuck with RTK Query for almost eight months, but you made it possible to clear my concepts. Thank you so much, and may God bless you .

[pawangupta]

Awesome project....❤...sir its request to make some unique projects using mern😊

[jagdishjena]

The price at which you have giving is great .. It will not burden the student saving money

[lazizikromov]

great project 👍, but 08:32:15 my localStorage is empty and user is showing null in auth state too

[UtkarshSrivastav-tj]

I want help on 1:31:06 mine was throughs error 500

[tiendung]

Can you help me from 08:32:15, why is it not showing up in localStorage

[DeepPansara-hvxm]

amazing video learn many new things from the video....

[deepasharma]

Ur project is amazing but i request u please do make traditional CSS in ur next projects.
It would be greatly appreciate if u do that :)

[thamer]

hi sir,
I recommend you some sections
we should meet in Udemy
with my pleasure :)

[the_anonymous]

have no idea what u explaning for the RTK Query part, feels like u just reading from another computer...

[Zainudin_Zahin]

Create travel full stack web to share the beautiful place in world..

[HibaOujaou-koce]

i can ask you how i can affich the username for the author when he write the blog

[harish-bo]

in starter files there is no blog.json file

[shahidtauheed]

Sir, the verifyToken is not working even after adding the cookieParser. Please help. Also, you have not integrated Register user functionality. Thank you for this awsm project

[sherifHamada-vi]

Great, but how do I put a picture or link inside the blog?

[ShubhamSaini-hdtr]

Hello sir, almost done but one doubt when i login in backend its store the token in cookie and i also check and test api in postman but when i try to login with frontend its fetch all data that login api return but it's not store the cookie in browser .

[medhankarbanti]

could you tell me why It's saying Failed to resolve import "editorjs-html". I tried many way to import that but could not make it...can you help me with that???

[ZeeshanElia]

Must Make a medium-sized project with Context Api

[RabeyaBosri-lq]

In mongo connection function the app.get method is not working??why?? how to solve this