s24 Design Home Page Part 10

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)
31 -Hook- useRef Working With Input Element (7:38)
24 Applying React Router Dom (15:15)
32 -Hook- useRef Working With CSS Class (6:13)
25 Link And NavLink For Router (13:37)
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)
28 -Hook- Meet With Hook (1:45)
35 -Hook- useState Working With Immutable Object (8:21)
36 -Hook- useState Working With Immutable Array Part 1 (14:15)
29 -Hook- useRef InnerText InnerHTML (9:58)
37 -Hook- useState Working With Immutable Array Part 2 (6:48)
30 -Hook- useRef Working With Attribute (5:44)
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)
b8 Working With Global And Module CSS (7:18)
b7 Working With Static Asset Inside Public (5:57)
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
s3 Create Next Js 15 Project (6:33)
s2 Environment Setup (7:03)

Section 2 - Project Setup Installation, ShadcnUi Folder Structure

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

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

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

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

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

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

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

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

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

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

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

s65 Enroll and Enrolment Success, Send Email Part 2 (15:25)
s64 Enroll and Enrolment Success, Send Email Part 1 (9:47)
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

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

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

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

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

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

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

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

s122 Module Title Update Lesson Added Back Link Part 2 (9:40)
s121 Module Title Update Lesson Added Back Link Part 1 (16:43)
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

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

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

s137 Module Publish Unpublish Delete Part 1 (14:43)
s138 Module Publish Unpublish Delete Part 2 (12:48)

Section 25 Course Publish Unpublish Delete

s139 Course Publish Unpublish Delete (18:10)
s140 Add Demo Data and Update Project Title (3:21)

Section 26 Quizset - Create Course Quiz Option

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

s154 Add Quiz Form Option (14:56)

Section 28 Quizset - Add Quiz set Into Course

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

s158 Update Course Duration in Course Details Page (19:00)

Section 30 Add Course Progress Bar and Bugfix

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

s162 Lesson Page Structures, Links to Lesson Part 2 (14:05)
s161 Lesson Page Structures, ⁠Links to Lesson Part 1 (10:21)
s163 Lesson Page Structures, ⁠Links to Lesson Part 3 (16:32)

Section 32 ⁠Lesson Authorization Guard Setup

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

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

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

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

s186 Show the Course Completion Progress in Realtime (15:32)

Section 37 Course Certificate Download Option

s188 Course Certificate PDF Download Option Part 2 (16:23)
s187 Course Certificate PDF Download Option Part 1 (13:36)
s189 Course Certificate PDF Download Option Part 3 (24:01)

Section 38 Manage Quiz Submission for Course

s191 Manage Quiz Submission for Course Part 2 (20:06)
s190 Manage Quiz Submission for Course Part 1 (14:39)
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

s200 Add Course Review Setup Part 2 (17:21)
s199 Add Course Review Setup Part 1 (10:55)

Section 40 Update Design for Money Back

s201 Update Design for Money Back (10:24)

Section 41 Get Category Wise Courses

s203 Get Category Wise Courses Part 2 (10:38)
s202 Get Category Wise Courses Part 1 (12:42)
s204 Get Category Wise Courses Part 3 (6:29)

Section 42 Get and Sow Related Course in Course Page

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

s24 Design Home Page Part 10

Lesson content locked

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

Enroll in Course to Unlock