Skip to main content
CourseFlix

MERN Stack Web Development with Ultimate Authentication

9h 24m 59s
English
Paid

This course shows you how to build a full MERN app with safe and clear user auth. You start with a simple setup and move step by step to a live app. You work with email login, social login, and access control. You also learn how to deploy your project to a real server.

What You Will Build

You create a full MERN app with a clean backend and a React frontend. You add login, signup, account checks, and safe routes. You also add user roles and a small admin area.

You learn how each part works. You connect the backend to MongoDB. You use JWT for auth. You store data with cookies or local storage when needed.

Deployment Work

You deploy the full project to a DigitalOcean server. You add a domain and set up HTTPS with Cloudflare. You also cover common setup tasks like SSL, redirects, and server updates.

  • Set a custom domain
  • Use Cloudflare CDN and SSL
  • Force HTTPS
  • Redirect www to non‑www
  • Update OAuth redirect links for Google and Facebook
  • Map your server IP to your domain

Key Skills You Learn

MERN Stack Skills

  • Build a full MERN project from zero
  • Create a clear project layout
  • Build REST APIs with Node and Express
  • Build the UI with React
  • Work with MongoDB

Authentication Skills

  • Signup and login with email and password
  • Account activation by email
  • Login with Google and Facebook
  • Forgot and reset password flow
  • Protect routes with JWT
  • Set user roles and access rules
  • Use auth and admin middleware

Frontend Behavior

  • Use private and admin routes
  • Control page redirects by role
  • Update user profiles
  • Use cookies and local storage
  • Handle errors and token expiry
  • Show toast messages

Backend and DevOps

  • Push and pull code with GitHub
  • Set up a DigitalOcean droplet
  • Deploy backend and frontend on one server
  • Make changes after your app is live

Who This Course Is For

  • JS users who want to learn full stack work
  • React or Node users who want to build a clear MERN base project
  • Devs who want to add strong auth to their apps
  • Devs who want to learn full deployment steps

Course Requirements

  • Basic React
  • Basic Node
  • Basic JavaScript
  • Know how to connect Node to MongoDB
  • Interest in full stack MERN work

What You Will Have at the End

You will have a full MERN project that runs on a live server. It includes safe auth, user roles, and clear routes. You also learn the full process of shipping updates and keeping your app online.

About the Author: udemy

udemy thumbnail
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

Watch Online 54 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 54 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (54)
#Lesson TitleDurationAccess
1
Introduction Demo
01:38
2
Requirements
01:27
3
Setup client
02:24
4
Setup server
11:13
5
Installing NPM packages
07:03
6
Moving routes
07:04
7
Moving to controllers
04:43
8
User model
17:48
9
Applying middlewares
11:02
10
MongoDB Atlas Robo3T and Postman
05:40
11
Connect to mongodb
06:10
12
Express validator
14:31
13
Signup user
09:44
14
Email confirmation workflow
06:48
15
Signup with sendgrid
05:22
16
Send email on signup
14:41
17
Account activation
12:24
18
Signin user
14:25
19
Starting with react
03:29
20
Create layout
06:35
21
Using react router dom
06:47
22
Signup page setup
07:37
23
Signup form
11:47
24
Finishing signup
18:25
25
User signin
06:53
26
Activate account
21:34
27
Active nav link
08:30
28
Auth helpers
19:59
29
Authenticate and signout
18:39
30
Private route
10:36
31
Admin route
04:21
32
Redirect based on role
06:58
33
Read user profile
08:58
34
Protect API endpoint
08:22
35
Update user profile
14:13
36
Admin middleware
08:16
37
Profile update page setup
05:59
38
Errors cleanup
03:08
39
Pre populate profile update and handle JWT expiry
13:31
40
Profile update with toast message
11:50
41
Admin profile update
04:07
42
Forgot password server
13:19
43
Reset password server
15:33
44
Forgot password client
09:49
45
Reset password client
17:11
46
Login with google client
21:23
47
Login with google - server
24:21
48
Login with facebook client
11:11
49
Login with facebook server
13:37
50
Getting ready for production
03:08
51
Github and digital ocean
06:00
52
Deployment part 1
18:15
53
Deployment part 2
15:08
54
Pushing changes and making admin user
11:23
Unlock unlimited learning

Get instant access to all 53 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription