Mô tả

Learn to build real world eLearning marketplace (Udemy clone) using Full stack/MERN stack JavaScript Next.js React Node MongoDB and Stripe from scratch to deployment.

If you have taken my previous courses, then you have already build some great projects, I know that :) You have already build E-commerce apps, SEO blogging platform, Social network and even a Marketplace...but you haven't build any thing like this.

This project will not only teach you the very best of everything but also enables you to make a good income out of it.. yes this time you are not just going to build yet another project, you are going to build an eLearning marketplace that generates money for you and for your users (Instructors).

This concept is extremely powerful and there is no limit to it. You can grow this project to one of the most successful project ever. Yes I am talking about building an online education marketplace, something like Udemy! Yes you heard me right, you will learn to build something like Udemy using Full stack JavaScript React.js Next.js Node.js MongoDB Stripe and AWS.

Another important part of this course is, It is build for production use. Yes when we say production, we need to make sure it is secure, fast, SEO and built with solid infrastructures right? Don't worry, I have covered all that in the best possible way!

You will build a secure and production ready authentication system using cookies. So no more worries about insecurities of storing tokens in local storage. It is extremely fast and SEO optimized because we are using Next.js, which is a React framework for building production apps.

It is built with solid infrastructures to ultimately scale in future. We are using AWS SES for emails and S3 for storage. So as you can see, this is absolutely amazing project to build, that can easily be one of the best startup project to change the world.

Whether you want to build an online education marketplace for a country or a region or the entire world. This is where it all starts.

And it is all done from scratch with nothing but an empty code editor and of course with a lot of passion to learn, build and grow together. In about 5000 lines of code, you will be able to build this masterpiece and deploy to the cloud for the real world.

So if this sounds amazing, join me in this course. Let's build this next big thing together and have a good time along the way!

Bạn sẽ học được gì

Yêu cầu

Nội dung khoá học

25 sections

Introduction

3 lectures
Build react node udemy clone
03:15
Download source code for each lectures
00:16
Are you new to JavaScript React and NodeJs?
00:33

Client setup

6 lectures
Nextjs client setup
06:47
Bootstrap and ant design
06:51
Custom CSS
03:37
Pages
07:09
Ant menu and icons
09:02
Register page
10:42

Server setup

10 lectures
Server setup
04:46
Express
13:05
Routes
09:42
Controllers
03:59
Mongo atlas or local install
09:41
Mongoose version 6 (newer version)
00:16
Mongoose connect
04:48
Axios post request
08:40
User model
09:54
Bcrypt helper functions
05:48

Registration

6 lectures
Register user
11:40
Toast notifications
07:00
Loading spinner
05:44
Env and gitignore files
05:42
Custom next dev server (for dev mode only)
13:36
Active nav links
08:28

Login

3 lectures
Login page
05:53
Login backend updated
13:11
Trying login
04:31

Global state, CSRF, axios interceptors and protected routes

11 lectures
Global state with context api and reducer hook
09:07
Dispatch user response to context
05:50
Preserve user info on page refresh and redirect
05:54
Logout
11:23
Conditional nav links
05:47
Protecting pages from loggedin user
05:47
Handling expired token using axios interceptors
10:28
CSRF protection
14:29
Verify token and get current user
09:14
Protected page
15:01
Wrapper component user route
11:56

AWS IAM

2 lectures
AWS setup IAM user
12:03
Login to AWS as IAM user and verify email
08:16

Sending email and password reset

6 lectures
Sending test email
14:59
Password reset workflow
07:43
Forgot password page
13:34
Send email to reset password
21:03
Reset password client
09:18
Reset password server
11:51

Stripe onboarding

9 lectures
Stripe setup
09:24
User sidebar nav
08:18
Conditional links and pages
08:25
Become instructor page
14:20
Stripe account link for onboarding
17:58
Stripe onboarding client
10:55
Stripe Connect Onboarding Issues
01:11
Stripe callback page
07:17
User account status from stripe
11:13

Current instructor and protected routes

4 lectures
Dispatch updated user info to context
03:11
Current instructor server
03:57
Instructor protected routes
10:30
Active nav links
09:04

Create course

4 lectures
Create course form part 1
06:59
Create course form part 2
13:26
Create course component
06:21
Price dropdown and category
10:47

AWS S3 Image upload

6 lectures
Image preview
05:21
Image resize client
13:42
AWS S3 bucket policy
09:47
Upload image to S3
13:07
Image remove client
09:58
Delete image S3 server
03:56

Save course and instructor access

8 lectures
Course schema
10:40
Is instructor middleware and create endpoint
08:39
Save courses in database
12:49
Instructor courses in dashboard
15:13
Instructor course list
14:47
Single course view for instructors
09:43
Single course view
09:11
Display markdown context
07:23

AWS S3 Video upload and lessons

10 lectures
Add lesson modal
07:31
Add lesson form
11:56
Video upload button
07:15
Send video upload using form data
08:38
Upload video to S3
14:56
Remove video request
12:17
Remove video from S3
13:16
Only instructor can upload and delete videos
09:31
Add lesson
16:25
Rendering lessons as list items
07:00

Update course, lessons and rearrange

6 lectures
Course edit page
09:53
Reuse component to update course
11:53
Update course server
15:43
List of lessons on edit page
04:36
Draggable items
06:42
Drag and drop lessons to reorder
11:48

Lesson update and delete

8 lectures
Delete lesson client
11:40
Delete lesson server
10:12
Update lesson modal
05:59
Update lesson component
13:42
Video preview and switch button
09:10
Remove and upload new video on update
14:06
Update lesson request client
05:46
Update lesson server
15:08

Publishing courses

6 lectures
Publish unpublish icons
09:08
Course publish unpublish client
04:58
Course publish unpublish server
10:05
Published courses server
08:51
Published courses client
04:33
Ant card component to display courses
10:38

Single course view and SEO

8 lectures
Server render courses for SEO
11:39
Fetch single course
10:43
Display single course info
11:06
Video or image preview
10:51
Single course jumbotron
07:07
Course preview modal
06:41
Show course lessons
09:17
Show lessons preview
12:03

Free enrollment

5 lectures
Enroll button
09:35
Check enrollment server
06:36
Conditional rendering of enroll button
08:55
Free enrollment server
10:29
Free enrollment client
07:08

Paid enrollment

6 lectures
Stripe payment setup
06:24
Stripe paid enrollment server
18:21
Stripe paid enrollment client
10:13
Stripe cancel page
08:26
Stripe success page
07:54
Stripe success server
16:51

User courses and student route

5 lectures
User courses on dashboard
07:19
List of user courses
16:20
Single course view for user
09:06
Is enrolled middleware
10:03
Student route client
03:25

User course dashboard

7 lectures
Lessons menu sidebar
11:03
Clicked lesson content and collapsed sidebar
15:04
Mark as completed client
07:32
Mark as completed server
14:44
Completed lessons
09:38
Implement mark completed
11:34
Implement mark incomplete
12:18

Instructor dashboard

5 lectures
Enrolled students count
11:20
Revenue page
11:10
Instructor revenue balance
10:18
Instructor account history and payouts
11:53
Some styling
02:28

Deployment

8 lectures
Digital ocean setup
05:45
SSH access
08:55
Push code to Github
05:36
Installing Nodejs, NGINX and pull code from Github
13:17
Running server, installing MongoDB and commit changes
15:48
Running React, Nextjs client
04:58
Signup as instructor in live site
04:08
Create enroll publish free, paid course, getting paid and more
12:02

Bonus

1 lectures
Other courses you may like
01:03

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.