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!
Github Repository Link: https://github.com/Zeeshu911/MERN-Sta...
Join Discord Server For Discussion and Queries: / discord
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:
/ muhammad-zeeshan-khan-dev
Instagram:
/ z_4_zeeshuuu
Facebook: https://www.facebook.com/profile.php?...
🙏 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
Смотрите видео MERN Stack Project: Build a Full Stack Blogging Application with React, Node, MongoDB, Express онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь CodeWithZeeshu 12 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 24,63 раз и оно понравилось lik людям.