MERN Stack Project: Build a Full Stack Blogging Application with React, Node, MongoDB, Express

Welcome to CodeWithZeeshu! Explore my latest creation, a dynamic MERN Stack Blogging Application featuring robust login, registration, authentication, and authorization functionalities. Experience seamless CRUD operations with enhanced features like image uploading via Cloudinary and file management with Express. Leveraging React, MongoDB, ExpressJS, and NodeJS, this project showcases the power and versatility of modern web development. Join me on this journey of coding excellence!

Time Stamps:
00:00 - 10:45 - Project Demo
10:45 - 22:52 - Backend Environment Setup
22:52 - 27:50 - Database Connection
27:50 - 45:10 - Model For User And Blog Schema
45:10 - 53:19 - Error Middleware
53:19 - 54:49 - CatchAsyncErrors Middleware
54:49 - 1:01:29 - User Registration Functionality
1:01:29 - 1:04:56 - User Routes Setup
1:04:56 - 1:07:40 - Password Encryption
1:07:40 - 1:13:45 - User Registration Testing And Postman Setup
1:13:45 - 1:25:00 - User Login Functionality
1:25:00 - 1:38:44 - Generating JWT Token
1:38:44 - 1:44:35 - User Logout Functionality
1:44:35 - 1:54:10 - Authentication And Authorization
1:54:10 - 2:01:00 - Get My Profile Functionality
2:01:00 - 2:06:42 - Get All Authors Functionality
2:06:42 - 2:14:17 - Cloudinary Setup
2:14:17 - 2:31:00 - User Avatar Upload
2:31:00 - 3:20:18 - Blog Post Functionality
3:20:18 - 3:25:37 - Blog Delete Functionality
3:25:37 - 3:30:46 - Get All Blogs Functionality
3:30:46 - 3:35:06 - Get Single Blog Functionality
3:35:06 - 3:38:51 - Get My Blogs Functionality
3:38:51 - 4:03:58 - Update Blog Functionality
4:03:58 - 4:07:00 - Backend Review
4:07:00 - 4:24:55 - Frontend Environment Setup
4:24:55 - 4:47:06 - Navbar Component
4:47:06 - 4:57:00 - Footer Component
4:57:00 - 5:33:12 - Home Page
5:33:12 - 6:00:00 - Register Component
6:00:00 - 6:10:42 - Login Component
6:00:00 - 6:12:53 - Blogs Page
6:12:53 - 6:21:40 - All Authors Page
6:21:40 - 6:24:25 - About Page
6:24:25 - 6:38:40 - Single Blog Component
6:38:40 - 6:45:35 - Dashboard Component
6:45:35 - 6:57:20 - SideBar Component
6:57:20 - 7:38:00 - Create Blog Component
7:38:00 - 8:07:20 - Update Blog Component
8:07:20 - 8:11:05 - My Profile Component
8:11:05 - 8:22:25 - My Blog Component
8:22:25 - 8:36:22 - Chart Component
8:36:22 - 8:48:08 - (Bonus Chapter) Download and Run Project From Github

🚀 Let's Connect:
Join me on this coding adventure by subscribing to the channel. Don't forget to hit the notification bell so you never miss an update. Let's learn, build, and grow together in the world of software development!

💻 Connect with Me:

LinkedIn:

Instagram:

🙏 Thank you for being a part of the CodeWithZeeshu community. Happy coding!

#react #mongodb #mongoose #express #nodejs #node #javascript #blog #blogging #webdevelopment #fullstack #mernstack #code #mern #project #cloudinary #errorhandling #authentication #authorization #darktheme #lighttheme #admin #admindashboard #adminpanel #hindi #urdu #blog #tech #technology #education

[CodeWithZeeshu]

Hello Guys! Hopy you are doing well! If anyone of you face any bug in update Blog component then kindly download project from github and compare your updateBlog component with it!
Thank You!

[Princestic]

I am writing this message just to appreciate how much you are giving us best and we are really thankful to you. Also I want to request you to please upload a guide video on "How to deploy your MERN projects on Vercel, Netlify or anything you feel better". I will be really thankful to you if your next video pops up and it's heading named as "How to deploy MERN projects😁"

[rimpisaini-ld]

@CodeWithZeeshu - beat video of mern backend .. thanks .. i learn alot.. great job.. god bless you😀🙏

[gamingarena]

Great project brother! I'm going to watch the whole video. Thanks for this kind of project.

[TechStack_Girl]

Sir, at 2:28:02
It allows default files instead of All Files (from file explorar) after uploading, it vanishes what's the reason?

[blackstargaming]

6 hours tak agaya hun ache samajh chuka hun

[pawan]

Brother mera myblog route, update route work nahi kar raha hai jaise update karta hu console main true show karta hai par update nahi hota or all authors route bhi work nahi karta bus loader run karta rahta hai

[Shivani_]

Finally project run hua bina kisi problem ke 😊😊

[adarshkumar]

When I deploy this app then dashboard components and sidebar not work properly

[davidmiller]

Hello sir, this is an amazing resource that you are providing. I am having a small issue, I directly copy-pasted the createBlog.jsx file and the App.css file from the github repo you provided and css is not being applied to the createBlog component. It only shows the title field and the category field. Rest of the fields are not shown. How to fix this sir? Please help.

[sudarshanjagtap]

Source code download kiya but login successfully ke bad wala dashboard and blogs wala interface nhi ara

[meghnasinghaniya]

how to relsolve 'nodemon' is not recognized as an internal or external command,

[CookWithManisha-lr]

Hey...after running everything as to told in last chapter from GitHub... everything is running fine but backend is not getting run .. showing -nodemon is not recognised as an internal or external command, operable program or batch file. Please help

[trasharvarshney]

i am stuck in 1:37:20 in generating the cookie
{
"success": false,
"message": "option expires is invalid"
} and no cookie generated plz do help

[thinithiparami]

My project is Sir
Medium Clone:
●Features: User authentication, article publishing, reading and bookmarking
articles, following writers, and a comment system.
●Backend: API for managing articles, bookmarks, user profiles, and comments
using MongoDB. Firebase for user authentication and article image storage.
Can I see this and complete the project?

[CODEYT]

Bhai Bhut time se mern project dhundh rhaa tha i hope main iss video ko puraa complete kru or kuch sikh k jaau yhaa se

[meghnasinghaniya]

hlo sir plz resolve this error 'nodemon' is not recognized as an internal or external command,

[wilsonwilliams]

Sir, I have a question. Currently I have a photo with the path "C:\picture\1351260.png" but when I upload it using Postman it has the form "/C:/picture/1351260.png" causing the error "no such file". How can I fix it?

[blackstargaming]

bro 12.33 time stamp pai appka backend wale folder mai package.json kese aya

[Unifyall]

Hi bhaiya ..Thank you very much for making such awesome videos. Mai abhi frontend k Home page wala section tak paucha hu aur aapke saath he code kr rha hu. lekin ek problem ho raha hai..appka woh jab trending section complete hua toh ..aapke blogs load ho gye frontend mai but mere nhi hue /user/myprofile mai bad request bolrai..console mai .. how can i solve it .. please reply bahiya.🥹 database check kr liya maine sab badhya chalrai . use blogs v hai hai ..but frontend mai nhi aa rhe