Complete Full Stack MERN Blog App – In this video, I will show you how to build a fully functional blog application using the MERN Stack (MongoDB, Express.js, React.js, and Node.js). This project includes user authentication (JWT), blog image upload, author images, and best practices to build a production-ready blog application.
What You’ll Learn in This Video:
✅ Blog CRUD Operations (Create, Read, Update, Delete)
✅ User Authentication with JWT
✅ Upload Blog Images & Author Images
✅ Best Folder Structure & Backend Setup
✅ Secure API with Middleware
✅ Full Frontend & Backend Integration
Source Code: (https://github.com/Bobbyprogrammer/Full-stack-mern-blog-app)
If you find this video helpful, LIKE, COMMENT, and SUBSCRIBE for more amazing MERN Stack projects!
Subscribe to my channel for more projects.
#MERNStack #BlogApp #ReactJS #NodeJS #FullStackDevelopment #MERN #MongoDB #ExpressJS #FullStackProject #WebDevelopment #React #Node #MERNStackProject #FullStackBlogApp #ReactTutorial #Nextjs #JavaScript #Coding #Programmer #Developer #shadcnui
⏩ 00:00 - Project Demo & Features
⏩ 05:25 - setting up frontend
⏩ 15:20 - setup react-router-dom
⏩ 20:45 - Navbar
⏩ 30:15 - Hero section
⏩ 32:20 - Latest blog section
⏩ 45:33 - Footer
⏩ 58:30 -Blog page
⏩ 01:05:33 - setting up the context
⏩ 01:11:50 - about us page
⏩ 01:14:47 - contact us page
⏩ 01:15:51 - Sign in page
⏩ 01:15:51 - Signup page
⏩ 01:27:11 - backend setup
⏩ 01:33:18 - Dbconnection
⏩ 01:37:05 - creating models
⏩ 01:42:48 - user controller
⏩ 01:55:58 - user routes
⏩ 01:59:43 - testing api in postman
⏩ 02:06:38 - middleware
⏩ 02:15:07 -blog controller
⏩ 02:43:27 - Api call in frontend for register user
⏩ 03:01:36 - Api call in frontend for loginuser