react-allauth

What problem does it solve?

This Skill configures a React frontend to work with django-allauth's headless API, enabling complete authentication workflows (signup, login, email verification, password reset, and social authentication) with automated testing support.

Core Features & Use Cases

• Copies and wires React SPA auth modules, integrates auth routes with your router, and fixes provider URLs.
• Sets up API base URLs, CSRF handling, and social callback URLs to align with the Django backend.
• Adds Vite proxy rules for authentication endpoints, wraps the app in an AuthContextProvider, and enables auth-aware navigation.
• Supports multi-step flows (email verification, passkeys) with pending-flow redirects and includes Playwright end-to-end tests.
• Provides a styling reference to guide UI polish across 35 authentication components.

Quick Start

Start the frontend + backend, then run the provided Playwright tests to validate signup, verification, login, logout, code login, and password reset flows.