Skip to content
cd ../projects
[PROJECT/10]

OAuth Lab

ACTIVEv0.1.0

Interactive, animated simulator for understanding OAuth 2.0 and OpenID Connect: Authorization Code with PKCE, Device Code, Client Credentials and the old Implicit flow, step by step and with experiments for breaking things on purpose. Every flow runs against a real authorization server living in a Service Worker: requests, redirects and signed JWTs are real, yet static hosting is all it needs.

[SCREENSHOTS]

Login and consent on the LabID server in the PKCE flow: the app asks to see the photos and stay signed in, next to the sticky note with the test user
Exchanging the code for a token: the POST request to /token with the code_verifier and LabID's response with access and refresh tokens
Device Code: the TV shows the code and polls LabID while you enter it on your phone to link it
OAuth Lab homepage: OAuth explained simply, with the flow's four actors animated
Web AppOAuthOpenID ConnectLearning