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:
1. [Starter Files](https://github.com/mdalmamunit427/hot...)
2. [for Source code, buy me a coffee ](
https://buymeacoffee.com/aspiringdev/...)
3. [This full course on Udemy](https://www.udemy.com/course/build-a-...)
4. Business Promotion: [email protected]
✅ For a one-time payment of $3, gain lifetime access to all our existing and future courses (including all source codes).
👉 Join Pro Membership:
https://buymeacoffee.com/aspiringdev/...
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.
📝 Free Source Code, Join Telegram: https://t.me/+RfjpYo_z6uYyNDU1
*🏷️ Related Video:*
[Deployment Video Link]( • Deploy Hotel Rooftop Full-Stack MERN Blog ... )
*⏱️ Timestamps:*
*Module 1: Introduction*
00:00:00 Introduction
00:14:25 Before you get started
00:19:03 Install Node.js
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:*
1. [Complete MERN Stack]( • Complete MERN Stack Project )
2. [React Tutorial for Beginners]( • React Tutorial for Beginners )
3. [JavaScript Tutorial for Beginners]( • Playlist )
*❤️ SUBSCRIBE:* [Subscribe and hit the notification bell!](https://bit.ly/37Txw8d)
*❤️ Facebook:* [MBroMedia]( / mbromedia )
*🔥 Don't click this link:* [https://bit.ly/37Txw8d](https://bit.ly/37Txw8d)
*► You Can Share Your Ideas In This ❤️ Comment Box ❤️*
*► For copyright matters please contact us at:* [email protected]
*❤️ Search Me In Google:* Md Al Mamun
*🏷️ Related Tags:* learn react js, personal portfolio website, react js crash course