error

app/course/models.py

 class Course(models.Model):
     name        = models.CharField(max_length=255, blank=True, null=True)
     description = models.TextField(null=True)
+    created_at  = models.DateTimeField(auto_now_add=True,editable=False)
+    updated_at  = models.DateTimeField(auto_now=True,editable=False)
+    is_active   = models.BooleanField(default=True)
 

app/course/urls.py

 from django.urls import path
-from .views import index
+from .views import index, course_edit
 
 urlpatterns = [
     path('', index, name='index'),
+    path('edit', course_edit, name='course_edit'),
 ]

app/course/views.py

 from django.shortcuts import render
+import requests, json
+from django.http import JsonResponse, HttpResponse
+from .models import Course
 
 # Create your views here.
 
 def index(request):
    return render(request, 'course/list.html')
+
+def course_edit(request):
+
+    if request.method == 'GET':
+        action = request.GET.get('action', '')
+        if action == 'load':
+            data = []
+            return JsonResponse({'status':'ok', 'result': data})
+
+    if request.method == 'POST':
+        print('my post')
+        data = json.loads(request.body)
+        #SysLogs.objects.create(user_name=user_name, user_txt=user_txt, msg=msg, url = url)
+        #return JsonResponse({'status':'ok'})
+
+    return render(request, 'course/edit.html')

app/node_modules/.package-lock.json

         "node": ">= 8"
       }
     },
+    "node_modules/@vue/reactivity": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+      "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+      "dependencies": {
+        "@vue/shared": "3.1.5"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+      "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA=="
+    },
+    "node_modules/alpinejs": {
+      "version": "3.12.1",
+      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.12.1.tgz",
+      "integrity": "sha512-GjEmZscHuCPv/XRbzabQLFH3I1+M3TbZqEsLDuYai/Yw+pE1IL7DK4ejRfqBSaysi4wWZ1k5IqVG2aefhWWqsQ==",
+      "dependencies": {
+        "@vue/reactivity": "~3.1.1"
+      }
+    },
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",

app/package-lock.json

   "packages": {
     "": {
       "dependencies": {
+        "alpinejs": "^3.12.1",
         "daisyui": "^2.51.6"
       },
       "devDependencies": {
         "node": ">= 8"
       }
     },
+    "node_modules/@vue/reactivity": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+      "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+      "dependencies": {
+        "@vue/shared": "3.1.5"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+      "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA=="
+    },
+    "node_modules/alpinejs": {
+      "version": "3.12.1",
+      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.12.1.tgz",
+      "integrity": "sha512-GjEmZscHuCPv/XRbzabQLFH3I1+M3TbZqEsLDuYai/Yw+pE1IL7DK4ejRfqBSaysi4wWZ1k5IqVG2aefhWWqsQ==",
+      "dependencies": {
+        "@vue/reactivity": "~3.1.1"
+      }
+    },
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",

app/package.json

     "tailwindcss": "^3.3.2"
   },
   "dependencies": {
+    "alpinejs": "^3.12.1",
     "daisyui": "^2.51.6"
   }
 }

app/templates/base.html

   {% load static %}
   <link rel="stylesheet" href="{% static 'css/main.css' %}">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
+  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.12.1/dist/cdn.min.js"></script>
 </head>
 <body>
 <div>

app/templates/course/list.html

 <div class="text-xl font-semibold inline-block">title
   <div class="inline-block float-right">
     <div class="inline-block float-right">
-    <button class="btn px-6 btn-sm normal-case btn-primary">Add New</button>
+    <a href="{% url 'course_edit' %}" class="btn px-6 btn-sm normal-case btn-primary">Create</a>
     </div>
   </div>
 </div>

app/tmt_learning/settings.py

     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
+    'widget_tweaks',
     'course',
 ]