OAuth Login (Passport.js) Tutorial

21 tutorials

All

Tailwind CSS

Build a Static Site with Figma & Astro

Django with HTMX

Node.js Tutorial for Beginners

JavaScript

Python 3 for Beginners

CSS Positioning Tutorial

Canva Tutorials

HTML Tutorial for Beginners

YouTube SEO Tutorial

PSD to Responsive Website

TypeScript Tutorial

Claude Code

Responsive Web Design

PSD to WordPress

GraphQL Crash Course

CSS Animation Tutorial

CSS Flexbox Tutorial

JavaScript ES6 Tutorial

Angular 2 Tutorial

SASS Tutorial

CSS Tips and Tricks

WebSockets (Socket.io) Tutorial

Asynchronous JavaScript

Grunt JS Tutorial

Styling HTML 5 Forms

Webpack Tutorial for Beginners

REST API Tutorial

Vue JS 2 Tutorial

Vuex Tutorial

JavaScript DOM Tutorial

CSS Grid Tutorial

OAuth Login (Passport.js) Tutorial

Django Tutorial

Object Oriented JavaScript Tutorial

#13 Retrieving Users

Query the MongoDB database to find and retrieve user records — verify that users are being stored correctly after Google OAuth login.

#14 Progress Refresh

Review everything built so far — the Express app, Passport configuration, Google strategy, MongoDB connection, and user model working together.

#15 Serializing Users

Serialize and deserialize users for session management — tell Passport how to store the user in a cookie and how to retrieve them on subsequent requests.

#16 Cookie Session

Set up cookie-based sessions — install cookie-session, configure it in Express, and enable Passport to manage login state across requests.

#17 Quick Auth Test

Test the complete authentication flow — log in with Google, verify the session is created, and confirm req.user is available in routes.

#18 Redirecting Users

Redirect users to the right pages — send them to the profile page after login and back to the home page after logout.

#19 Creating a Profile View

Build the profile page with EJS — display the logged-in user name, conditionally show login and logout links in the navbar.

#20 Logging Users Out

Implement a complete logout flow — clear the session, destroy the cookie, and redirect the user back to the home page.

#21 Adding a Profile Thumbnail

Display the user Google profile photo on the profile page — pull the thumbnail URL from your database and render it in the view.