Django React Auth

screenshot of Django React Auth
django
react

Authentication template for your future full stack application

Overview

This article provides a step-by-step guide on how to run a project using Django Rest Auth with React Vite. It includes instructions on the installation process and necessary requirements.

Features

  • Clone the repository: Users are instructed to create an empty folder and clone the project repository into that folder.
  • Backend: Instructions are provided to navigate to the root folder and perform various commands such as creating and activating the virtual environment, installing required packages, and running the server.
  • Frontend: Users are guided to navigate back to the root folder, enter into the frontend folder, and perform actions such as installing packages and running the application.
  • Reinitializing git repository: Steps are provided for deleting the .git folder in the project root and initializing a new git repository.

Backend

  1. Go to the root folder and navigate to the backend folder.
  2. Create and activate the virtual environment. If there is an error activating the virtual environment, users are advised to search for a solution specific to their system or try using the commands venv\bin\activate or source venv/bin/activate.
  3. Install the required packages.
  4. Run the server.

Frontend

  1. Go back to the root folder and navigate to the frontend folder.
  2. Install the necessary packages. Users are advised to remove the yarn.lock file if they already have a package.lock file.
  3. Run the application.

Summary

This article provides a detailed guide on how to run a project using Django Rest Auth with React Vite. It includes step-by-step instructions for setting up the backend and frontend, as well as reinitializing the git repository. Following these instructions will allow users to successfully run the project.

django
Django

Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. It follows the model-view-controller (MVC) architectural pattern, providing an extensive set of built-in tools and conventions to streamline the creation of robust and scalable web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components