Subscribe
Courses
Articles
Tutorials
Build E-learning Marketplace .. / Build react node udemy clone
Mark Lesson Complete
Lessons (0 Completed 151 Remaining)
1
Build react node udemy clone
2
Course Introduction
3
Download source code for each..
4
Next.js client setup
5
Bootstrap and ant design setup
6
Custom CSS
7
Pages
8
Ant menu and icons
9
Register page
10
Server setup
🔒
Express
🔒
Routes
🔒
Controllers
🔒
Mongo atlas or local install
🔒
Mongoose connect
🔒
Axios post request
🔒
User model
🔒
Bcrypt helper functions
🔒
Register user
🔒
Toast notifications
🔒
Loading spinner
🔒
Env and gitignore files
🔒
Custom next dev server proxy ..
🔒
Active nav link
🔒
Login page
🔒
Login backend updated
🔒
Trying login
🔒
Global state with context and..
🔒
Dispatch user response to con..
🔒
Preserve user info on page re..
🔒
Logout
🔒
Conditional nav links
🔒
Protecting pages from loggedi..
🔒
Handling expired token using ..
🔒
CSRF protection
🔒
Verify token and get current ..
🔒
Protected page
🔒
Wrapper component user route ..
🔒
Wrapper component user route ..
🔒
AWS setup IAM user
🔒
Login to AWS as IAM user and ..
🔒
Sending test email
🔒
Password reset workflow
🔒
Forgot password page
🔒
Send email to reset password
🔒
Reset password client
🔒
Reset password server
🔒
Stripe setup
🔒
User sidebar nav
🔒
Conditional links and pages
🔒
Become instructor page
🔒
Stripe account link for onboa..
🔒
Stripe onboarding client
🔒
Stripe callback page
🔒
User account status from stripe
🔒
Dispatch updated user info to..
🔒
Current instructor server
🔒
Instructor protected routes
🔒
Active nav links
🔒
Course create form part 1
🔒
Course create form part 2
🔒
Create course component
🔒
Price dropdown and category
🔒
Image preview
🔒
Image resize client
🔒
AWS S3 bucket policy
🔒
Upload image to S3
🔒
Image remove client
🔒
Delete image S3 server
🔒
Course schema
🔒
Is instructor middleware and ..
🔒
Save courses in database
🔒
Instructor courses in dashboard
🔒
Instructor course list
🔒
Single course view for instru..
🔒
Single course view
🔒
Display markdown content
🔒
Add lesson modal
🔒
Add lesson form
🔒
Video upload button
🔒
Send video upload using form ..
🔒
Upload video to S3
🔒
Remove video request
🔒
Remove video from S3
🔒
Only instructor can upload an..
🔒
Add lesson
🔒
Rendering lessons as list items
🔒
Course edit page
🔒
Reuse component to update course
🔒
Update course server
🔒
List of lessons on edit page
🔒
Draggable items
🔒
Drag and drop lessons to reorder
🔒
Delete lesson client
🔒
Delete lesson server
🔒
Update lesson modal
🔒
Update lesson component
🔒
Video preview and switch button
🔒
Remove and upload new video o..
🔒
Update lesson request client
🔒
Update lesson server
🔒
Publish unpublish icons
🔒
Course publish unpublish client
🔒
Course publish unpublish server
105
Published courses server
106
Published courses client
🔒
Ant card component to display..
🔒
Server render courses for SEO
🔒
Fetch single course
🔒
Display single course info
🔒
Video or image preview
🔒
Single course jumbotron
🔒
Course preview modal
🔒
Show course lessons
🔒
Show lessons preview
🔒
Enroll button
🔒
Check enrollment server
🔒
Conditional rendering of enro..
🔒
Free enrollment server
🔒
Free enrollment client
🔒
Stripe payment setup
🔒
Stripe paid enrollment server
🔒
Stripe paid enrollment client
🔒
Stripe cancel page
🔒
Stripe success page
🔒
Stripe success server
🔒
User courses on dashboard
🔒
List of user courses
🔒
Single course view for user
🔒
Is enrolled middleware
🔒
Student route client
🔒
Lessons menu sidebar
🔒
Clicked lesson content and co..
🔒
Mark as completed client
🔒
Mark as completed server
🔒
Completed lessons
🔒
Implement mark completed
🔒
Implement mark incomplete
🔒
Enrolled students count
🔒
Revenu page
🔒
Instructor revenue balance
🔒
Instructor account history an..
143
Some styling
🔒
Deploying to digital ocean (s..
🔒
Deployment SSH acess
🔒
Deployment - Push your codeba..
🔒
Installing node NGINX and clo..
🔒
Running server installing mon..
🔒
Running react nextjs client
🔒
Signup as instructor in live ..
🔒
Create enroll publish free/pa..