Build Full Stack LMS App with MERN Stack React + Node

Advertizement

Learn how to create a Fullstack LMS  App from scratch using ReactJS, Express, NodeJS and MongoDB.  This project is perfect for those looking to enhance their skills in web development and add a valuable project to their portfolio.

Size of video is about 3GBs so please wait till loading

If upper video is not Working (Slow Server!)

Size of video is about 3GBs so please wait till loading

**** PLEASE SHARE US****

Source Code: https://github.com/muhammadsaadlmk/LMS-Full-Stack

  

TIMESTAMPS:

00:00:00 App Demo

00:31:42 Shadcn UI Setup

00:40:06 Build Login/Signup Page

01:11:09 Backend Setup

01:26:08 User Model & Controllers

02:10:32 Implement Redux (RTK Query)

02:53:48 Build Navbar Page

03:23:15 Build Hero Section Page

03:37:02 Setup React Router Dom

03:42:27 Build Courses Page

04:04:24 My Learning & Profile Page

04:33:49 Get & Update User Profile

04:58:55 Multer & Cloudinary Setup

06:02:18 Course Model & Controllers

06:14:12 Build Dashboard Page

06:35:14 Build Add Course Page

06:54:21 Add Course API in RTK query

07:07:27 Fetch Admin Courses

07:24:53 Build Course Edit Page

08:07:26 Edit Course & It's Controller

08:30:00 Get Course By Id

08:50:40 Add/Get/Upload/Edit/Remove Lectures

11:08:26 Publish & Unpublish Course

11:35:27 Get Published Courses

11:50:00 Build Course Details Page

12:17:23 Purchase Course, Stripe & Webhook

13:36:50 Build Course Progress Page

15:15:20 Build Search & Filter Courses Page

16:25:40 Display Dashboard Purchased Course

16:35:10 Implement Protected Routes

16:49:32 Light/Dark Mode & Fixing Some Bugs

Tags:

lms website with mernstack

lms app with nextjs

fullstack job portal with mern stack

mern stack projects

HashTag:

#mernstackproject

#reactjs 

#nextjs