s22 Design Home Page Part 8

Next.js 15 Full Stack Complete Learning Management System

Introduction

Course Overview What You Going to Build (41:02)
Short Overview Course Enrollment Setp (9:36)
Short Overview Instructor Dashboard (12:07)
Short Overview Quiz System (5:54)

React Fundamentals React Structure, JSX component & Rendering

1 React Introduction (6:46)
2 Create New React App Using Vite (7:21)
3 Project Run And Build Command (6:33)
4 Dive Inside React Project Structure (14:43)
5 Organizing File Folders (5:09)
6 Best VS Code Extensions And Settings For React Development (6:19)
7 Primary Understanding On Component Part 1 (8:59)
8 Primary Understanding On Component Part 2 (7:22)
9 JSX And Conventions (9:41)
10 JSX Short Hand If else (4:01)
11 JSX Immediately invoked function (6:42)
12 JSX Loop Inside (5:52)
13 JSX Conditional Rendering Using If Else (8:55)
14 JSX Conditional Rendering Using Switch Statement (4:07)
15 JSX Conditional Rendering Using Ternary Operator (2:42)
16 JSX Conditional Rendering Using Logical And And (3:32)
17 JSX Conditional Rendering Using Immidiatly Invoked Function (3:40)
18 Passing properties to child component (5:13)
19 Passing simple string to child component (5:06)
20 Passing object to child component (5:35)
21 Passing function to child component (2:52)
22 Managing Click Event (5:40)
23 Managing Form Submit (5:07)
24 Applying React Router Dom (15:15)
31 -Hook- useRef Working With Input Element (7:38)
25 Link And NavLink For Router (13:37)
32 -Hook- useRef Working With CSS Class (6:13)
26 Browser Router VS HashRouter (5:09)
33 -Hook- useRef Caching Expensive Computation (15:27)
34 -Hook- useState Understading Inside (8:35)
27 Passing Parameter Via Naviagation (5:45)
35 -Hook- useState Working With Immutable Object (8:21)
28 -Hook- Meet With Hook (1:45)
36 -Hook- useState Working With Immutable Array Part 1 (14:15)
29 -Hook- useRef InnerText InnerHTML (9:58)
30 -Hook- useRef Working With Attribute (5:44)
37 -Hook- useState Working With Immutable Array Part 2 (6:48)
38 -Hook- useState Managing Form Like Pro Part 1 (12:32)
40 -Hook- useState Managing Form Like Pro Part 2 (11:34)
41 -Hook- useEffect understanding arguments and uses (6:40)
42 -Hook- useEffect calling api using promises (7:00)
43 -Hook- useEffect calling api usig async await (7:09)

Next JS Fundamental

b1 Environment Tools Setup (5:25)
b2 What and Why Next JS (3:10)
b3 What is the Different between React and Next js. (4:38)
b4 Create New App And Explore Build Opitmization Process (8:49)
b5 Playing With Project Structure (14:15)
b6 Primary Page Concept And Functional Component (6:40)
b7 Working With Static Asset Inside Public (5:57)
b8 Working With Global And Module CSS (7:18)
b9 Exploring Client Side Rendering (14:06)
b10 Exploring Server Side Redering (5:52)
b11 Where use SSR Where CSR (5:21)
b12 Why we are writing use client (5:27)
b13 Exploring Directory Routing Concept (5:56)
b14 Neasted Directory Routing Concept (4:20)
b15 Basic Link Component (8:50)
b16 Progress Bar In Routing (8:31)
b17 Managing Active Link (7:14)
b18 Link Component Query (6:09)
b19 Link Component Query With useSearchParams (4:14)
b20 Link Component Prefetch and Replace Properties (7:21)
b21 Programatically Routing Details (12:13)
b22 Thinking In Next JS What About Server Component (5:57)
b23 Thinking In Next JS What About Client Component (2:54)
b24 -Config- Understanding Base Path And Environment Variable (11:03)
b25 -Config- Understanding Header Config (5:46)
b26 -Config- Header Security Config Part 1 (7:17)
b27 -Config- Header Security Config Part 2 (7:47)
b28 -Config- Header Security Config Part 3 (8:22)
b29 -Config- Connection And Compression (5:40)
b30 -Optimization- Image Optimization Part 1 (8:36)
b31 -Optimization- Font Optimization Part 1 (7:11)
b32 -Optimization- Font Optimization Part 2 (5:46)
b33 -Optimization- Script And Static Assets (3:56)
b34 Middleware Setup Part 1 (10:13)
b35 Middleware Setup Part 2 (11:13)
b36 Not Found Page (8:59)

MongoDB Fundamental

m1 Introduction to MongoDB (1:42)
m2 Installing MongoDB and Compass (6:23)
m3 Connecting to MongoDB (8:07)
m4 Schema and Models (7:24)
m5 Create and Save a document (8:05)
m6 Find documents in multiple ways (10:21)
m7 Query API Select, Sort, Limit, Count Documents (8:51)
m8 Complex Query Comparison Operators (7:58)
m9 Complex Query And, Or Operations (5:34)
m10 Exercise Advanced Query (6:13)
m11 Update a document (Way 1) (3:43)
m12 Update a document (Way 2) (5:38)
m13 Delete documents in 3 ways (3:53)

Section 1 : Build Next.js 15 Complete Learning Management System

Lms course Introduction Video (41:02)
LMS Project Excise File - Downloadable Resource
Section wise Source Code PDF Link
s3 Create Next Js 15 Project (6:33)
s2 Environment Setup (7:03)

Section 2 - Project Setup Installation, ShadcnUi Folder Structure

At this point Section Source Code
s4 Essential Project Setup (8:30)
s5 Project Setup Installation, ShadcnUi Part 1 (12:57)
s6 Project Setup Installation, ShadcnUi Part 2 (13:31)
s7 Project Setup Installation, ShadcnUi Part 3 (10:09)
s8 Project Setup Installation, ShadcnUi Part 4 (9:19)

Section 3 Model Creation and Query Testing

At this point Section Source Code
s9 Model Creation and Query Testing Part 1 (12:31)
s10 Model Creation and Query Testing Part 2 (9:35)
s11 Model Creation and Query Testing Part 3 (23:33)
s12 Model Creation and Query Testing Part 4 (17:30)
s13 Model Creation and Query Testing Part 5 (12:56)
s14 Model Creation and Query Testing Part 6 (10:08)

Section 4 Design Home Page

At this point Section Source Code
s15 Design Home Page Part 1 (20:27)
s16 Design Home Page Part 2 (12:39)
s17 Design Home Page Part 3 (5:16)
s18 Design Home Page Part 4 (16:43)
s19 Design Home Page Part 5 (11:35)
s20 Design Home Page Part 6 (11:51)
s21 Design Home Page Part 7 (11:06)
s22 Design Home Page Part 8 (17:46)
s23 Design Home Page Part 9 (9:54)
s24 Design Home Page Part 10 (13:51)

Section 5 Get Home Page Data from Database

At this point Section Source Code
s25 Get Home Page Data from Database Part 1 (13:42)
s26 Get Home Page Data from Database Part 2 (17:35)
s27 Get Home Page Data from Database Part 3 (11:37)

Section 6 Design and Get Course List Page Data

At this point Section Source Code
s28 Design and Get Course List Page Data Part 1 (9:41)
s29 Design and Get Course List Page Data Part 2 (17:53)
s30 Design and Get Course List Page Data Part 3 (10:29)
s31 Design and Get Course List Page Data Part 4 (9:39)

Section 7 Course Details Page

At this point Section Source Code
s32 Course Details Page Part 1 (10:55)
s33 Course Details Page Part 2 (22:59)
s34 Course Details Page Part 3 (18:42)
s35 Course Details Page Part 4 (11:56)

Section 8 Get Data From Database in Course Details Page

At this point Section Source Code
s36 Get Data From Database in Course Details Page Part 1 (11:47)
s37 Get Data From Database in Course Details Page Part 2 (7:02)
s38 Get Data From Database in Course Details Page Part 3 (14:52)
s39 Get Data From Database in Course Details Page Part 4 (8:53)
s40 Get Data From Database in Course Details Page Part 5 (15:55)
s41 Get Data From Database in Course Details Page Part 6 (18:20)
s42 Get Data From Database in Course Details Page Part 7 (19:44)
s43 Get Data From Database in Course Details Page Part 8 (12:02)
s44 Get Data From Database in Course Details Page Part 9 (12:46)
s45 Get Data From Database in Course Details Page Part 10 (20:04)
s46 Get Data From Database in Course Details Page Part 11 (8:46)

Section 9 Register and Become an Instructor, Login

At this point Section Source Code
s47 Register and Become an Instructor, Login Part 1 (13:19)
s48 Register and Become an Instructor, Login Part 2 (16:46)
s49 Register and Become an Instructor, Login Part 3 (18:38)
s50 Fixed Bugs for User Image (4:02)

Section 10 Login Logout Instructor and Student with Next Auth

At this point Section Source Code
s51 Login Logout Instructor and Student with Next Auth Part 1 (14:34)
s52 Login Logout Instructor and Student with Next Auth Part 2 (13:45)
s53 Login Logout Instructor and Student with Next Auth Part 3 (10:58)
s54 Login Logout Instructor and Student with Next Auth Part 4 (16:56)

Section 11 Protected Route For Profile Page

At this point Section Source Code
s55 Protected Route For Profile Page Part 1 (9:45)
s56 Protected Route For Profile Page Part 2 (11:36)
s57 Protected Route For Profile Page Part 3 (13:17)
s58 Bugs Fixed User Database Update for Add ProfileImage (17:05)
s59 Bugs Fixed for Image and Courses Queries Method (15:20)

Section 12 - Stripe Integration

At this point Section Source Code
s60 Stripe Integration Part 1 (15:32)
s61 Stripe Integration Part 2 (19:36)
s62 Stripe Integration Part 3 (19:30)
s63 Stripe Integration Part 4 (15:41)

Section 13 Enroll and Enrolment Success, Send Email

At this point Section Source Code
s64 Enroll and Enrolment Success, Send Email Part 1 (9:47)
s65 Enroll and Enrolment Success, Send Email Part 2 (15:25)
s66 Enroll and Enrolment Success, Send Email Part 3 (22:40)
s67 Enroll and Enrolment Success, Send Email Part 4 (13:40)
s68 Enroll and Enrolment Success, Send Email Part 5 (23:05)
s69 Enroll and Enrolment Success, Send Email Part 6 (17:46)
s70 Enroll and Enrolment Success, Send Email Part 7 (16:08)

Section 14 Reset Password and Account Update

At this point Section Source Code
s71 Reset Password and Account Update Part 1 (13:50)
s72 Reset Password and Account Update Part 2 (10:09)
s73 Reset Password and Account Update Part 3 (15:30)
s74 Reset Password and Account Update Part 4 (18:30)
s75 Reset Password and Account Update Part 5 (10:15)
s76 Reset Password and Account Update Part 6 (13:11)
s77 Reset Password and Account Update Part 7 (15:19)

Section 15 Enrolled Course Details, Calculations

At this point Section Source Code
s78 Course Enrollment Database Design Restructure (10:52)
s79 Enrolled Course Details, Calculations Part 1 (11:25)
s80 Enrolled Course Details, Calculations Part 2 (16:09)
s81 Enrolled Course Details, Calculations Part 3 (7:33)
s82 Enrolled Course Details, Calculations Part 4 (9:08)
s83 Enrolled Course Details, Calculations Part 5 (18:49)
s84 Enrolled Course Details, Calculations Part 6 (16:19)

Section 16 Course Instructor Details Page

At this point Section Source Code
s85 Course Instructor Details Page Part 1 (14:29)
s86 Course Instructor Details Page Part 2 (11:45)
s87 Course Instructor Details Page Part 3 (12:43)
s88 Bugs Fixed for Home Course Card Layout (3:27)

Section 17 Dashboard - Features, Analytics, Profile Pictures Logout

At this point Section Source Code
s89 Dashboard - Features, Analytics, Profile, Logout Part 1 (9:47)
s90 Dashboard - Features, Analytics, Profile, Logout Part 2 (4:17)
s91 Dashboard - Features, Analytics, Profile, Logout Part 3 (15:58)
s92 Dashboard - Features, Analytics, Profile, Logout Part 4 (14:34)
s93 Dashboard - Features, Analytics, Profile, Logout Part 5 (11:15)
s94 Dashboard - Features, Analytics, Profile, Logout Part 6 (13:40)
s95 Dashboard - Features, Analytics, Profile, Logout Part 7 (9:40)

Section 18 Dashboard - Course Data, Review, Enrolment

At this point Section Source Code
s96 Dashboard - Course data, Review, Enrolment Part 1 (13:33)
s97 Dashboard - Course data, Review, Enrolment Part 2 (20:26)
s98 Dashboard - Course data, Review, Enrolment Part 3 (11:05)
s99 Dashboard - Course data, Review, Enrolment Part 4 (19:25)
s100 Dashboard - Course data, Review, Enrolment Part 5 (16:25)
s101 Dashboard - Course data, Review, Enrolment Part 6 (18:31)
s102 Dashboard - Course data, Review, Enrolment Part 7 (15:23)
s103 Dashboard - Course data, Review, Enrolment Part 8 (25:30)
s104 Dashboard - Course data, Review, Enrolment Part 9 (10:47)

Section 19 Dashboard - Course Create, Meta Data updates, Image Upload

At this point Section Source Code
s105 Course Create, Meta Data Updates, Image Upload Part 1 (17:46)
s106 Course Create, Meta Data Updates, Image Upload Part 2 (13:01)
s107 Course Create, Meta Data Updates, Image Upload Part 3 (19:23)
s108 Course Create, Meta Data Updates, Image Upload Part 4 (13:38)
s109 Course Create, Meta Data Updates, Image Upload Part 5 (17:00)
s110 Course Create, Meta Data Updates, Image Upload Part 6 (13:25)
s111 Course Create, Meta Data Updates, Image Upload Part 7 (10:35)
s112 Course Create, Meta Data Updates, Image Upload Part 8 (23:27)
s113 Course Create, Meta Data Updates, Image Upload Part 9 (15:10)
s114 Course Create, Meta Data Updates, Image Upload Part 10 (10:10)
s115 Course Create, Meta Data Updates, Image Upload Part 11 (15:53)

Section 20 Dashboard - Module Creation, Reordering of Modules

At this point Section Source Code
s116 Module Creation, Reordering of Modules Part 1 (13:16)
s117 Module Creation, Reordering of Modules Part 2 (9:33)
s118 Module Creation, Reordering of Modules Part 3 (10:42)
s119 Module Creation, Reordering of Modules Part 4 (15:38)
s120 Module Creation, Reordering of Modules Part 5 (10:39)

Section 21 Dashboard - Module Title Update Lesson Added Back Link

At this point Section Source Code
s121 Module Title Update Lesson Added Back Link Part 1 (16:43)
s122 Module Title Update Lesson Added Back Link Part 2 (9:40)
s123 Module Title Update Lesson Added Back Link Part 3 (14:37)
s124 Module Title Update Lesson Added Back Link Part 4 (18:04)
s125 Module Title Update Lesson Added Back Link Part 5 (5:57)

Section 22 Dashboard - Lesson Data Update, Video, Title, Lesson Visibility

At this point Section Source Code
s126 Lesson Data Update, Video, Title, Lesson Visibility Part 1 (13:38)
s127 Lesson Data Update, Video, Title, Lesson Visibility Part 2 (14:40)
s128 Bug Fix In Lesson Modal Page (6:08)
s129 Lesson Data Update, Video, Title, Lesson Visibility Part 3 (14:42)
s130 Lesson Data Update, Video, Title, Lesson Visibility Part 4 (12:45)
s131 Lesson Data Update, Video, Title, Lesson Visibility Part 5 (13:44)
s132 Lesson Data Update, Video, Title, Lesson Visibility Part 6 (18:06)

Section 23 Lesson Publish Unpublish Delete

At this point Section Source Code
s133 Lesson Publish Unpublish Delete Part 1 (13:55)
s134 Lesson Publish Unpublish Delete Part 2 (13:02)
s135 Lesson Publish Unpublish Delete Part 3 (18:35)
s136 Lesson Publish Unpublish Delete Part 4 (9:53)

Section 24 Module Publish Unpublish Delete

At this point Section Source Code
s137 Module Publish Unpublish Delete Part 1 (14:43)
s138 Module Publish Unpublish Delete Part 2 (12:48)

Section 25 Course Publish Unpublish Delete

At this point Section Source Code
s139 Course Publish Unpublish Delete (18:10)
s140 Add Demo Data and Update Project Title (3:21)

Section 26 Quizset - Create Course Quiz Option

At this point Section Source Code
s141 Create Course Quiz Option Part 1 (10:55)
s142 Create Course Quiz Option Part 2 (16:01)
s143 Create Course Quiz Option Part 3 (17:50)
s144 Create Course Quiz Option Part 4 (14:33)
s145 Create Course Quiz OptionPart 5 (13:08)
s146 Create Course Quiz Option Part 6 (14:16)
s147 Create Course Quiz Option Part 7 (15:00)
s148 Create Course Quiz Option Part 8 (18:07)
s149 Create Course Quiz Option Part 9 (15:06)
s150 Create Course Quiz Option Part 10 (15:19)
s151 Create Course Quiz Option Part 11 (15:51)
s152 Create Course Quiz Option Part 12 (4:46)
s153 Create Course Quiz Option Part 13 (25:58)

Section 27 Quizset - Add Quiz Form Option

At this point Section Source Code
s154 Add Quiz Form Option (14:56)

Section 28 Quizset - Add Quiz set Into Course

At this point Section Source Code
s155 Add Quizset Into Course Part 1 (14:04)
s156 Add Quizset Into Course Part 2 (11:23)
s157 Add Quizset Into Course Part 3 (7:23)

Section 29 Update Course Duration in Course Details Page

At this point Section Source Code
s158 Update Course Duration in Course Details Page (19:00)

Section 30 Add Course Progress Bar and Bugfix

At this point Section Source Code
s159 Course Progress and Bugfix Part 1 (10:57)
s160 Course Progress and Bugfix Part 2 (14:09)

Section 31 Lesson Page Structures, ⁠Links to Lesson

At this point Section Source Code
s161 Lesson Page Structures, ⁠Links to Lesson Part 1 (10:21)
s162 Lesson Page Structures, Links to Lesson Part 2 (14:05)
s163 Lesson Page Structures, ⁠Links to Lesson Part 3 (16:32)

Section 32 ⁠Lesson Authorization Guard Setup

At this point Section Source Code
s164 Lesson Authorization Guard Setup Part 1 (10:19)
s165 Lesson Authorization Guard Setup Part 2 (14:22)
s166 Lesson Authorization Guard Setup Part 3 (8:45)

Section 33 Show Module and Lesson Actual Data in Sidebar

At this point Section Source Code
s167 Show Module and Lesson Actual Data in Sidebar Part 1 (14:06)
s168 Show Module and Lesson Actual Data in Sidebar Part 2 (13:42)
s169 Show Module and Lesson Actual Data in Sidebar Part 3 (10:54)
s170 Show Module and Lesson Actual Data in Sidebar Part 4 (21:14)
s171 Show Module and Lesson Actual Data in Sidebar Part 5 (9:56)
s172 Show Module and Lesson Actual Data in Sidebar Part 6 (15:29)
s173 Bug Fixed Show Module and Lesson Actual Data in Sidebar (5:56)

Section 34 Manage Video Player for Lesson

At this point Section Source Code
s174 Manage Video Player for Lesson Part 1 (5:47)
s175 Manage Video Player for Lesson Part 2 (18:25)
s176 Manage Video Player for Lesson Part 3 (8:53)
s177 Manage Video Player for Lesson Part 4 (14:51)
s178 Manage Video Player for Lesson Part 5 (12:46)
s179 Manage Video Player for Lesson Part 6 (20:23)
s180 Manage Video Player for Lesson Part 7 (14:53)
s181 Manage Video Player for Lesson Part 8 (22:03)

Section 35 Report Update on Lesson and Module Completion

At this point Section Source Code
s182 Report Update on Lesson and Module Completion Part 1 (9:19)
s183 Report Update on Lesson and Module Completion Part 2 (14:19)
s184 Report Update on Lesson and Module Completion Part 3 (17:36)
s185 Report Update on Lesson and Module Completion Part 4 (8:39)

Section 36 Show the Course Completion Progress in Realtime

At this point Section Source Code
s186 Show the Course Completion Progress in Realtime (15:32)

Section 37 Course Certificate Download Option

At this point Section Source Code
s187 Course Certificate PDF Download Option Part 1 (13:36)
s188 Course Certificate PDF Download Option Part 2 (16:23)
s189 Course Certificate PDF Download Option Part 3 (24:01)

Section 38 Manage Quiz Submission for Course

At this point Section Source Code
s190 Manage Quiz Submission for Course Part 1 (14:39)
s191 Manage Quiz Submission for Course Part 2 (20:06)
s192 Manage Quiz Submission for Course Part 3 (18:17)
s193 Manage Quiz Submission for Course Part 4 (13:29)
s194 Manage Quiz Submission for Course Part 5 (16:45)
s195 Manage Quiz Submission for Course Part 6 (10:05)
s196 Manage Quiz Submission for Course Part 7 (23:29)
s197 Manage Quiz Submission for Course Part 8 (17:15)
s198 Manage Quiz Submission for Course Part 8 (5:15)

Section 39 Add Course Review Setup

At this point Section Source Code
s199 Add Course Review Setup Part 1 (10:55)
s200 Add Course Review Setup Part 2 (17:21)

Section 40 Update Design for Money Back

At this point Section Source Code
s201 Update Design for Money Back (10:24)

Section 41 Get Category Wise Courses

At this point Section Source Code
s202 Get Category Wise Courses Part 1 (12:42)
s203 Get Category Wise Courses Part 2 (10:38)
s204 Get Category Wise Courses Part 3 (6:29)

Section 42 Get and Sow Related Course in Course Page

At this point Section Source Code
s205 Get and Sow Related Coruse in Course Page Part 1 (16:39)
s206 Get and Sow Related Coruse in Course Page Part 2 (6:01)

Project Complete Source Code - Downloadable Resource

Lecture By Lecture Source Code
Complete Project Source Code

Teach online with

s22 Design Home Page Part 8

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock