Purpose

Configure a React frontend application to integrate with django-allauth's headless API, enabling complete authentication workflows including signup, login, email verification, password reset, and social authentication. This skill handles the entire setup process from copying authentication modules to validating flows with automated testing.

Prerequisites

Before starting this configuration, ensure the following requirements are met:

React project with Vite - A React frontend application initialized with Vite
Django backend with django-allauth - Django backend configured with django-allauth headless API (in settings.py - Look for allauth in INSTALLED_APPS)
HTTPS development environment - Both frontend and backend running over HTTPS (mkcert recommended for local SSL certificates)
React Router - Project uses react-router-dom for routing
API configuration - An API_BASE_URL constant exported from a config file (typically src/config/api.js or src/config/api.jsx)
Project structure - Frontend source code located in frontend/src/ with standard Vite directory structure

react-allauth

Purpose

Prerequisites

Steps Overview