PHPublished 3/2025
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 32.31 GB | Duration: 42h 0m
Build & Monetize an AI-Powered E-Learning Platform with Next.js & MERN - Payment Integration, Dashboards, and More!
What you'll learn
Design, develop, and deploy a fully functional educational platform using the MERN stack and Next.js.
Gain hands-on experience with front-end, back-end, and database technologies, including React, Node.js, and MongoDB
Learn how to enhance your portal with AI-driven content generation and personalized recommendations.
Create secure user authentication with NextAuth and manage role-based access for users, instructors, and admins
Set up a subscription model with Stripe to offer premium features and generate recurring revenue
Ensure your portal is fast, responsive, and optimized for search engines to maximize visibility and user experience
Build an intuitive system for adding, updating, and organizing courses, lectures, and resources.
Learn to design user-friendly interfaces and ensure a seamless user experience with responsive layouts and intuitive navigation
Allow organizations or instructors to manage their own sections of the portal independently
Add options for users to share courses and achievements directly to social media platforms.
Create personalized dashboards for students, instructors, and administrators with unique functionalities.
Learn to integrate and manage payments using Stripe or PayPal for seamless transactions.
Learn how to implement fast and dynamic search functionalities for finding courses, instructors, and materials
Ensure the portal is fully responsive and optimized for mobile users with touch-friendly interfaces.
Flexible Payment Solutions Set up multiple payment gateways like Stripe, PayPal, Razorpay, UPI, Debit & Credit Cards, Net Banking, and Buy Now Pay Later
Requirements
Basic Understanding of JavaScript: Familiarity with JavaScript fundamentals, including variables, functions,
basic React: A basic understanding of React, including components, props, and state management.
Basic HTML and CSS Knowledge: Familiarity with HTML and CSS to build and style web pages
Devlopment Environment Setup: A computer with internet access, and vs code text editor
Overview
Section 1: Introduction
Lecture 1 project showcase
Section 2: Local Environment Setup
Lecture 2 Local Environment Setup
Lecture 3 Nextjs Project Setup For lms
Lecture 4 install mui
Section 3: Implementing Navbar Component
Lecture 5 lms navbar component part_1
Lecture 6 lms navbar component part_2
Lecture 7 lms navbar component part_3
Section 4: Implementing Login And Register Modal With Mui Modal Component
Lecture 8 implementing login and register modal with mui modal component part_1
Lecture 9 implementing login and register modal with mui modal component part_2
Lecture 10 createting state variable for signup component
Lecture 11 creating signup function
Lecture 12 connecting frontent to the backend
Section 5: Creating User Model
Lecture 13 creating user model
Section 6: Creating Register Api Route
Lecture 14 creating register api route
Section 7: Implementing Google's reCAPTCHA
Lecture 15 Implementing Google's reCAPTCHA on signup component
Lecture 16 setup next auth
Lecture 17 next auth providers
Lecture 18 login with next auth
Lecture 19 user profile and redirect to dashboard
Lecture 20 implementing social logins
Lecture 21 social logins
Lecture 22 middleware and protected path
Section 8: Admin Dashboard Sidebar Component
Lecture 23 admin sidebar part_1
Lecture 24 admin sidebar part_2
Lecture 25 admin sidebar part_3
Section 9: Creating Category Model
Lecture 26 category model
Lecture 27 category get and post api
Lecture 28 category put and delete api
Section 10: Category Component Manager
Lecture 29 Category Component Manager
Lecture 30 creating category TextField using mui
Lecture 31 set reduxjs toolkit for category
Lecture 32 creating reduxjs toolkit action
Lecture 33 creating fetch categories action and display in list
Lecture 34 crud opration for category
Section 11: Implementing Category Filter
Lecture 35 filter categories
Section 12: Creating SubCategory Model
Lecture 36 creating subcategory model
Lecture 37 subcategories get and post api
Lecture 38 subcategories put and delete api
Section 13: Creating Subcategory Component
Lecture 39 creating subcategory component
Lecture 40 creating subcategory textfield component
Lecture 41 redux toolkit setup and creating action
Lecture 42 saving subategory in database
Lecture 43 creating fetching subcategories actions
Lecture 44 subcategory crud features
Lecture 45 implementing subcategory filter feature
Section 14: Category With Subcategory Model
Lecture 46 category with subcategory model
Lecture 47 category with subcategory get and post api end point
Lecture 48 category with subcategory delete and put api end point
Section 15: Setup Component for Category With Subcategory
Lecture 49 setup component for for category with subcategory
Lecture 50 category select component using mui
Lecture 51 creating category with subcategory comonent
Lecture 52 setup redux for category with subcategory
Lecture 53 saving data in database
Lecture 54 creating deleting and fetching action
Lecture 55 listing category with subcategory data
Lecture 56 crud opration for category with subcategory data
Lecture 57 search feature in category with subcategory
Section 16: Data seeding
Lecture 58 Category Data seeding
Lecture 59 subcategory data seeding
Lecture 60 category with subcategory data seeding
Section 17: Creating Tab component Using Mui
Lecture 61 implement tab component part_1
Lecture 62 implement tab component part_2
Lecture 63 fetching tabs data from database
Lecture 64 display data in tabs
Section 18: implementing footer component
Lecture 65 implementing footer component
Lecture 66 fetching footer data
Lecture 67 formatted footer data
Lecture 68 display footer data
Section 19: Creating Course Create And Content Create Component
Lecture 69 Creating Course Create And Content Create Component
Lecture 70 create page component
Lecture 71 creating engaging course card component
Lecture 72 create grid layout
Section 20: Implementing Admin Profile Component
Lecture 73 creating admin profile component
Lecture 74 create state for profile component
Lecture 75 implementing wrapper component for profile
Lecture 76 implementing profile component
Lecture 77 admin profile handle submit fucntion and form validation
Lecture 78 creating update profile api end point
Lecture 79 implementing profile upload function
Lecture 80 update admin profile
Lecture 81 papulate admin data in the form
Section 21: Creating Content Component
Lecture 82 creating content create and list component
Lecture 83 creating content component
Lecture 84 creating dialog using mui compnent
Lecture 85 create handle save function
Section 22: Creating Curriculum Model
Lecture 86 curriculum model
Lecture 87 curriculum get and post api end point
Lecture 88 curriculum put and delete api end point
Section 23: Creating Content Card Component
Lecture 89 creating content card component
Lecture 90 relaod button and fetch content
Lecture 91 display content
Lecture 92 displaying content icons
Lecture 93 curriculum delete dialog
Lecture 94 curriculum delete
Lecture 95 implementing edit dialog
Lecture 96 update curriculum
Section 24: Admin Image Component
Lecture 97 admin image component part_!
Lecture 98 admin image component part_2
Section 25: CurriculumEditor Content component
Lecture 99 CurriculumEditor component
Lecture 100 fetching curriculums
Lecture 101 gete curriculum api end point
Lecture 102 display content title
Lecture 103 importing icons and modules
Lecture 104 display section data
Lecture 105 map dummy lectures
Lecture 106 handle add sections
Lecture 107 save sections in database
Lecture 108 implementing deleting section api end point
Lecture 109 deleting section from client side
Lecture 110 implementing startediting function for section and lectures
Lecture 111 creating editing section component
Lecture 112 handle cancel edit function
Lecture 113 updating section and lecture function handle save function part_1
Lecture 114 updating section and lecture function handle save function part_2
Lecture 115 updating section api end point
Lecture 116 add lecture button component
Lecture 117 implementing add lecture function
Lecture 118 adding new lectures api endpoint
Lecture 119 handle deleting lecture function
Lecture 120 deleting lecture api end point
Lecture 121 editing lecture component
Lecture 122 updating lecture api endpoint
Lecture 123 lecture bug fixing
Lecture 124 implementing model for lecture content
Lecture 125 creating modal for editing content lectures
Lecture 126 MdEditor component
Lecture 127 fixing mdeditor component color
Lecture 128 react image file resizer
Lecture 129 image upload api
Lecture 130 get keys from cloudinary
Lecture 131 creating save content lecture functions
Lecture 132 saving lecture content to database
Lecture 133 implementing handle video modal functions
Lecture 134 modal for video content
Lecture 135 saving video content in database
Lecture 136 python tutorials
Lecture 137 python tutorials part_2
Lecture 138 typescript tutorials
Lecture 139 typescript tutorials part_2
Lecture 140 deepseek ai tutorials
Lecture 141 deepseek ai tutorials part_2
Section 26: Drag and Drop For Section
Lecture 142 implement drag and drop feature for section
Lecture 143 implement move section function
Lecture 144 implemeting move section api end point
Lecture 145 draggable lecture function
Lecture 146 move lecture function
Lecture 147 move lecture api end point
Section 27: Creating Single Page Component
Lecture 148 creating content page
Lecture 149 content api end point
Section 28: Creating Content layout Component
Lecture 150 Creating Content layout Component
Lecture 151 Creating Content layout Component part_2
Lecture 152 implementing accordian component
Lecture 153 accordian api end point
Lecture 154 accordian component part_1
Lecture 155 accordian component part_2
Lecture 156 floating icons button for smaller device
Section 29: Go ads free with premium Component
Lecture 157 go ads free with premium
Section 30: advertisement sections
Lecture 158 advertisement sections part_1
Lecture 159 advertisement sections part_2
Lecture 160 advertisement sections part_3
Section 31: creating share component
Lecture 161 share component part_1
Lecture 162 share component part_2
Lecture 163 share component part_3
Lecture 164 share component part_4
Section 32: Creating Title Component
Lecture 165 title component part_1
Lecture 166 title component part_2
Section 33: Commenting on post ,like share,
Lecture 167 comment,like,share
Section 34: Implementation of Generative AI
Lecture 168 implementation of generative ai
Section 35: summarized content with gen ai
Lecture 169 summarized content with gen ai
Lecture 170 summarized content with gen ai part_1
Section 36: Gain in depth knowledge with ai
Lecture 171 Gain in depth knowledge with ai
Section 37: Display Single Page Content Component
Lecture 172 display single page content part_1
Lecture 173 display single page content part_2
Section 38: Create Similar Read Component
Lecture 174 create similar read component
Lecture 175 similar read and tag component
Section 39: Subscription component
Lecture 176 pricing component part_1
Lecture 177 pricing component part_2
Lecture 178 handle checkout function
Lecture 179 subscription api end point
Lecture 180 creating success page
Lecture 181 creating cancel page
Section 40: Creating Order Schema
Lecture 182 order schema
Section 41: Creating Subscritpion Model
Lecture 183 subscritpion model
Lecture 184 save subscription details in database
Lecture 185 save subscription details in database part_2
Lecture 186 save subscription details in database part_3
Section 42: User Dashboard Profile
Lecture 187 user dashborad profile
Lecture 188 order api end point
Entrepreneurs and Freelancers: Business owners and freelancers who want to build custom web applications or job portals to meet specific business needs or client requirements.,fontend devloper,React Developers: React developers who want to deepen their understand,Web Development Enthusiasts: Individuals passionate about web development who want to learn cutting-edge technologies and build real-world projects to enhance their portfolios,Web Developers Seeking Advanced Skills,Tech Hobbyists,. Computer Science Enthusiasts,Entrepreneurs and Startup Founders