added the logout functionality

server/djangoapp/urls.py

@@ -16,7 +16,7 @@
 
     # path for login
     path(route='login', view=views.login_user, name='login'),
-
+    path(route='logout', view=views.logout_request, name='logout'),
     # path for dealer reviews view
 
     # path for add a review view

server/djangoapp/views.py

@@ -20,9 +20,6 @@
 logger = logging.getLogger(__name__)
 
 
-# Create your views here.
-
-# Create a `login_request` view to handle sign in request
 @csrf_exempt
 def login_user(request):
     # Get username and password from request.POST dictionary
@@ -38,9 +35,12 @@ def login_user(request):
         data = {"userName": username, "status": "Authenticated"}
     return JsonResponse(data)
 
-# Create a `logout_request` view to handle sign out request
-# def logout_request(request):
-# ...
+def logout_request(request):
+    logout(request)
+    data = {"userName":""}
+    return JsonResponse(data)
+
+
 
 # Create a `registration` view to handle sign up request
 # @csrf_exempt

server/djangoproj/urls.py

@@ -26,4 +26,5 @@
     path('about/', TemplateView.as_view(template_name="About.html")),
     path('contact/', TemplateView.as_view(template_name="Contact.html")),
     path('login/', TemplateView.as_view(template_name="index.html")),
+    path('logout/', TemplateView.as_view(template_name="index.html")),
 ] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

server/templates/Home.html

@@ -17,7 +17,20 @@
     <link rel="stylesheet" href="{% static 'bootstrap.min.css' %}" />
     <script>
       const logout = async (e) => {
-        //Include the code for logout here.
+        let logout_url = window.location.origin + "/djangoapp/logout";
+        const res = await fetch(logout_url, {
+          method: "GET",
+        });
+        const json = await res.json();
+        if (json) {
+          let username = sessionStorage.getItem("username");
+          sessionStorage.removeItem("username");
+          window.location.href = window.location.origin;
+          window.location.reload();
+          alert("Logging out " + username + "...");
+        } else {
+          alert("The user could not be logged out.");
+        }
       };
 
       let checkSession = () => {