400 Bad Request Django/React

I have built a server with Django and I am receiving a 400 Bad Request within Postman when I check the POST method. However, it is displaying the JSON data within the Postman as well.

Originally, I thought it was a frontend issue, because my console log was stating

AxiosError {message: 'Request failed with status code 400', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}

As I stated before, the error is showing in Postman so I'm assuming it's actually a server issue.

This is a photo of my file tree

Im real "finicky" when it comes to file colors, and if it is any color than the default color, I feel like there is errors within the file. Could these orange/beige files contain the problem? If I click on one of those files Im met with:

The file is not displayed in the editor because it is either binary or uses an unsupported text encoding.

Because I am new to django, I don't want to do something that's going to create an even bigger problem than what I already have.

Below will be my settings.py

Django settings for django_rest_api project.

Generated by 'django-admin startproject' using Django 4.1.4.

For more information on this file, see

For the full list of settings and their values, see

from pathlib import Path

# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = Path(__file__).resolve().parent.parent

# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/4.1/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = "django-insecure-2r=5^!2(nj*^*m*sa_39h(xldjpau&$wmn&pc5=^frws@w&25="

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True


# Application definition




ROOT_URLCONF = "django_rest_api.urls"

        "BACKEND": "django.template.backends.django.DjangoTemplates",
        "DIRS": [],
        "APP_DIRS": True,
        "OPTIONS": {
            "context_processors": [

WSGI_APPLICATION = "django_rest_api.wsgi.application"

# Database
# https://docs.djangoproject.com/en/4.1/ref/settings/#databases

    "default": {
        "ENGINE": "django.db.backends.postgresql",
        "NAME": "todo_api",
        "USER": "",
        "PASSWORD" : '',
        "HOST": "localhost"

# Password validation
# https://docs.djangoproject.com/en/4.1/ref/settings/#auth-password-validators

        "NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator",
        "NAME": "django.contrib.auth.password_validation.MinimumLengthValidator",
        "NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",
        "NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",

# Internationalization
# https://docs.djangoproject.com/en/4.1/topics/i18n/



USE_I18N = True

USE_TZ = True

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.1/howto/static-files/

STATIC_URL = "static/"

# Default primary key field type
# https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field

DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"

Below is my views.py

from django.shortcuts import render
from rest_framework import generics
from .serializer import TodoSerializer
from .models import Todo

# Create your views here.
class TodoList(generics.ListCreateAPIView):
    queryset = Todo.objects.all().order_by('id')
    serializer_class = TodoSerializer

class TodoDetail(generics.RetrieveUpdateDestroyAPIView):
    queryset = Todo.objects.all().order_by('id')
    serializer_class = TodoSerializer

Im not exactly sure what information everyone needs to provide a proper solution for this, but hopefully I have provided more than enough.

I think it is worth noting that I am using postgreql and my database is working properly, and I can access Django admin and manually enter data from there as well.

Back to Top