CF

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

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

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

Related courses

Frequently asked questions

What prerequisites are needed for this course?
The course assumes a basic understanding of JavaScript, HTML, and CSS. Familiarity with React, Node.js, and Express is advantageous but not strictly necessary, as the course starts with setup and installation of necessary packages and tools.
What will I build during the course?
You will build a full MERN stack application featuring a React frontend and a Node.js/Express backend connected to MongoDB. The app will include user authentication, such as login and signup with email, Google, and Facebook, as well as user role management and a small admin area.
Who is the target audience for this course?
This course is aimed at developers who want to learn how to build full-stack applications using the MERN stack with a focus on secure authentication. It is suitable for those looking to understand how to implement safe user authentication and deploy applications to a live server.
Does the course cover deployment, and if so, what platform is used?
Yes, the course covers deployment of the MERN application to a DigitalOcean server. It includes setting up a custom domain, configuring SSL with Cloudflare, and managing server tasks such as updating OAuth redirect links.
What is not covered in this course?
The course does not cover advanced topics outside the scope of the MERN stack, such as mobile development, advanced database management techniques, or non-authentication-related security practices.
What is the expected time commitment for completing the course?
The course consists of 54 lessons, but the runtime is not specified. Students should expect to invest significant time in both watching the lessons and completing hands-on exercises, especially during deployment and authentication setup.
How does the course help in advancing a career in web development?
This course provides practical skills in building and deploying full-stack applications using the MERN stack. Mastery of these skills is valuable for web development roles, particularly those focused on JavaScript frameworks and secure, scalable application design.