Secured by PKCE

Modern Auth Platform

A calm, secure authentication experience for your applications. OAuth 2.0 with PKCE — protecting users with elegance.

Features

Built with modern security standards and developer experience in mind

Security

Secure PKCE Flow

Implements Proof Key for Code Exchange for enhanced security in public clients. Prevents interception attacks and ensures only the original client can exchange the code for a token.

Performance

Fast Integration

Easy to integrate with your apps, with clear code and modular structure. Works out-of-the-box for SPAs, mobile, and server-side apps.

Standards

Modern Best Practices

Uses latest OAuth 2.0 and security standards for authentication. Supports refresh tokens, scopes, and granular access control.

DX

Developer Friendly

Comprehensive documentation, sample code, and easy debugging. Designed for rapid prototyping and learning.

Documentation

Understand the architecture powering Modern Auth

Authorization Server

modern-auth-server.onrender.com

Handles user login, registration, consent, and issues JWT tokens via OAuth 2.0 + PKCE flow.

Client App

auth-project-azure.vercel.app

The frontend SPA that users interact with. Initiates the PKCE flow and stores tokens securely.

Resource Server

modern-auth-resource.onrender.com

Serves protected API endpoints. Validates JWT tokens before returning user data.

OAuth 2.0 + PKCE Flow

1User clicks Login on Client App
2Client generates PKCE codes & redirects to Auth Server
3User authenticates & gives consent
4Auth Server returns authorization code
5Client exchanges code + verifier for JWT tokens
6Tokens used to access protected resources
Read the Official OAuth 2.0 PKCE Documentation

About This Project

A modern authentication demo built for learning, experimenting, and understanding OAuth 2.0 + PKCE from the ground up.

Open Source

Modular codebase designed for exploration. Fork it, break it, learn from it.

Learning First

Every file is documented with clear comments explaining the why behind each step.

Future Ready

Google Sign-In integrated, social login, analytics dashboards, and customizable themes.