4.3
240 reviews
MERN Stack Project | Blog Project-Completely Redone [2024]
Build an advanced Blog project using latest technologies like MERN Stack, React Query, Redux Toolkit, Stripe, Nodemailer
- Description
- Curriculum
- FAQ
- Reviews
This course offers an in-depth exploration of building a MERN stack blog project, focusing specifically on the key features that modern web applications require. You’ll learn the intricacies of authentication and authorization, delve into user engagement mechanics, and manage content effectively. By the end of this course, you’ll have a thorough understanding of how to implement these functionalities within your MERN stack projects.
Core Features Explained:
- Authentication & Authorization: Establish secure login mechanisms and manage user permissions effectively.
- Google Login: Integrate Google’s OAuth for a streamlined authentication process.
- Subscription Models: Learn how to implement subscription features for premium content access.
- Engagement Features: Engage your audience with likes, dislikes, follow/unfollow functionality, and a dynamic comment system.
- Content Management: Handle post views, categorize content, and implement pagination and filtering to organize posts efficiently.
- Community Building: Utilize creator rankings to foster a competitive environment and user dashboards for personalized experiences.
- User Interaction: Keep users informed with a comprehensive notification system.
- Monetization Strategies: Explore revenue generation through posts and understand the fundamentals of implementing a robust financial model for your platform.
- Security Features: Implement forgot password functionality and account verification to enhance user trust and security.
- User Profile Management: Enable users to upload profile photos, adding a personal touch to user accounts.
Who This Course Is For:
- Aspiring MERN Stack Developers: Ideal for those looking to master the MERN stack through the development of a comprehensive blog project.
- Web Developers: Suitable for web developers interested in enhancing their skill set with advanced features and functionalities within the MERN ecosystem.
- Tech Enthusiasts: Perfect for technology enthusiasts eager to dive into the development of modern web applications that include social features, content management, and monetization strategies.
This course is meticulously designed to guide you through the creation of a feature-rich blog application, ensuring you gain practical experience with essential web development practices and technologies.
BLOG PROJECT-V1 || CRUD OPERATIONS ONLY
BLOG PROJECT-V1 || ERROR HANDLING
-
5Ways of developing MERN ProjectVideo lesson
-
6Project Development roadmapVideo lesson
-
7Tools for the projectVideo lesson
-
8The Folder StructureVideo lesson
-
9Creating Express ServerVideo lesson
-
10Project Data ModellingVideo lesson
-
11Models and Schema ExplainedVideo lesson
-
12Modelling DataVideo lesson
-
13Create Post Route-BackendVideo lesson
-
14Connect to MongoDB BackendVideo lesson
-
15Frontend Project StacksVideo lesson
-
16React Query OverviewVideo lesson
-
17React Query vs ReduxVideo lesson
-
18Create React App using ViteVideo lesson
-
19Handling Form using Formik and YupVideo lesson
-
20Installing and Configuring React QueryVideo lesson
-
21Making create post RequestVideo lesson
-
22Fixed Cors ErrorVideo lesson
-
23Loading, Success and Error StateVideo lesson
-
24Fetching All PostsVideo lesson
-
25Upate and Fetch single Post APIVideo lesson
-
26React Router dom for navigationVideo lesson
-
27Fetch Post DetailsVideo lesson
-
28Updating of a postVideo lesson
-
29Delete PostVideo lesson
BLOG PROJECT-V1 || MVC + WYSIWYG
BLOG PROJECT-V2 || FILE UPLOAD
-
35MVC Design pattern overviewVideo lesson
-
36Using Express RouterVideo lesson
-
37Integrating ControllersVideo lesson
-
38Integrating WYSIWYGVideo lesson
-
39Installing TailwindCSS and React iconsVideo lesson
-
40Using Post List and Create Post TemplatesVideo lesson
-
41Display Navbar and Homepage and applied cssVideo lesson
-
42Post Details-FrontendVideo lesson
BLOG PROJECT-V3 || PASSPORT AUTHENTICATION
BLOG PROJECT-V3 || GOOGLE LOGIN || REDUX
-
48Authentication using PassportVideo lesson
-
49JWT and Passport local overviewVideo lesson
-
50User Registration ControllerVideo lesson
-
51Configuring Passport LocalVideo lesson
-
52Login using passport LocalVideo lesson
-
53Client Side Registration-Passport LocalVideo lesson
-
54Client Side Login-Passport-LocalVideo lesson
BLOG PROJECT-V3 || CATEGORIES-FILTERING-PAGINATION
-
55Google OAuth LogicVideo lesson
-
56Getting Goole Keys and Callback URLVideo lesson
-
57Configuring Passport to use JWTVideo lesson
-
58Configuring Google OAuthVideo lesson
-
59Google Signup Logic-BackendVideo lesson
-
60isAuthenticated ControllerVideo lesson
-
61Google login From FrontendVideo lesson
-
62Redux Toolkit OverviewVideo lesson
-
63Configuring ReduxVideo lesson
-
64Dispatch isAuthenticated Redux actionVideo lesson
-
65Toggle Public and Private NavbarVideo lesson
-
66Persisting Login UserVideo lesson
-
67Logout userVideo lesson
-
68Protecting Routes-FrontendVideo lesson
-
69IsAuthenticated Middleware-BackendVideo lesson
-
70Making Authenticated Request FrontendVideo lesson
-
71Displaying User DashboardVideo lesson
-
72Account Summary ComponentVideo lesson
BLOG PROJECT-V4 || ONE TIME SUBSCRIPTION || PAYMENT
-
73Category APIs-BackendVideo lesson
-
74Create Category-FrontendVideo lesson
-
75Create Post with Category-FrontendVideo lesson
-
76Associate post to categoryVideo lesson
-
77Display all categories-FrontendVideo lesson
-
78Filtering and pagination APIVideo lesson
-
79Filter Posts by Category-FrontendVideo lesson
-
80Searching Posts by Title-FrontendVideo lesson
-
81Clearing Filters-FrontendVideo lesson
-
82Pagination FrontendVideo lesson
-
83User Profile Controller BackendVideo lesson
-
84User Profile FrontendVideo lesson
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!

Share
Course details
Video
20 hours
Lectures
3
Certificate of Completion
Popular courses