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.