Build an LMS Platform
10h 41m 23s
English
Free
Course description
In this 10-hour course, you will learn how to create your own LMS (Learning Management System) platform from scratch. We will use modern technologies, including Next.js 13 with App Router for developing the interface, Prisma as an ORM for database interaction, Stripe for payment integration, and much more. The course is suitable for both beginners and experienced developers who want to master new tools and create a functional and professional educational service.
Watch Online
0:00 0:00
| # | Lesson Title | Duration |
|---|---|---|
| 1 | Intro & Demo | 08:56 |
| 2 | Environment Setup | 10:34 |
| 3 | Folders Setup | 15:47 |
| 4 | Authentication | 12:48 |
| 5 | Layout | 28:21 |
| 6 | Dynamic Layout | 10:34 |
| 7 | Course Creation UI | 18:42 |
| 8 | Prisma & DB Setup | 14:45 |
| 9 | Course Creation API | 09:27 |
| 10 | Course Edit Page UI | 18:50 |
| 11 | Course Title Form | 13:59 |
| 12 | Course Description Form | 09:38 |
| 13 | UploadThing & Image Form | 24:33 |
| 14 | Course Category Form | 17:35 |
| 15 | Course Price Form | 08:38 |
| 16 | Course Attachment Form | 20:26 |
| 17 | Prisma Schema Finalization | 08:50 |
| 18 | Chapter Creation API | 15:56 |
| 19 | Chapter Reorder Functionality | 27:05 |
| 20 | Chapter Edit Page UI | 16:08 |
| 21 | Chapter Description Form | 10:15 |
| 22 | Chapter Access Form | 09:31 |
| 23 | Mux Setup & Chapter Video Form | 16:36 |
| 24 | Chapter Publish Action | 31:41 |
| 25 | Course Publish Action | 23:12 |
| 26 | Courses Data Table | 24:56 |
| 27 | Categories Query | 14:06 |
| 28 | Search Query | 10:39 |
| 29 | Course Grid & Card UI | 28:15 |
| 30 | Course & Chapters Layout | 30:11 |
| 31 | Chapter HLS Video Player | 24:30 |
| 32 | Course Purchase UI | 07:38 |
| 33 | Stripe Integration | 24:49 |
| 34 | Chapter Progress Functionality | 27:39 |
| 35 | Student Dashboard | 14:48 |
| 36 | Teacher Analytics Dashboard | 15:30 |
| 37 | (Optional) Admin Protection | 08:54 |
| 38 | Deployment | 06:41 |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Next.js & React with ChatGPT - Development Guide (2023)
Sources: udemy
Throughout the course, you will gain experience developing a Next JS application from the ground up. Additionally, you'll receive instruction on integrating Ope
7 hours 6 minutes 49 seconds
Ecommerce on the Jamstack with Snipcart, Next.js, & WordPress
Sources: leveluptutorials
Welcome to E-commerce on the Jamstack with Snipcart, Next.js & WordPress! In this series, we will learn how make a fast, modern, e-commerce site using Next.js,
4 hours 18 minutes 15 seconds
NestJS gRPC & Angular
Sources: Michael Guay
Find out how to connect a gRPC backend on NestJS to a frontend on Angular. We'll implement CRUD and set up real-time data streaming using Envoy...
1 hour 12 minutes 58 seconds
Building a Full-stack Multilingual Blog with Next.js 13.4
Sources: udemy
Are you looking to build a modern, full-stack blog with the latest technologies? Look no further than this comprehensive Udemy course, which will guide you thro
9 hours 15 minutes 4 seconds
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs
Sources: udemy
If you are a person who is not picky about a CSS framework and wants to learn how to create enterprise-grade, practical full stack app using new technologies, then this course i...
13 hours 2 minutes 12 seconds