diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index eab1d94c..cbaa752f 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -1,5 +1,6 @@
 <script>
-    import { Router, Route } from "svelte-routing"; 
+    import { onMount } from "svelte";
+    import { Router, Route } from "svelte-routing";
     import Home from "./Pages/Home.svelte";
     import EventDetail from "./Pages/Events/EventDetail.svelte";
     import EventCreate from "./Pages/Events/EventCreate.svelte";
@@ -8,26 +9,10 @@
     import ProfileEdit from "./Pages/ProfileEdit.svelte";
     import Inductees from "./Pages/Inductees.svelte";
     import Outreach from "./Pages/Outreach.svelte";
-    
-    async function getAdminStatus() {
-        let response = await fetch(`/api/permissions/`);
-        if (response.status === 200) {
-            let output = await response.json();
-            let admin = output.is_admin;
-            return admin;
-        } else {
-            throw new Error(response.statusText);
-        }
-    }
-  
-    
+    import { adminStatus } from './stores.js';
+
 </script>
 
-{#await getAdminStatus()}
-    <div>
-        <p>loading...</p>
-    </div>
-{:then adminStatus}
 
 <Router>
     <div class="main-content">
@@ -38,32 +23,35 @@
             <Route path="/profile/edit">
                 <ProfileEdit />
             </Route>
-        
-        {#if adminStatus}
+
+        {#if $adminStatus !== null}
             <Route path="/profile/:id" let:params>
                 <Profile id={params.id}/>
             </Route>
-            <Route path="/inductees" component={Inductees} />
-            <Route path="/outreach" component={Outreach} />
-            
-            <Route path="/events/create">
-                <EventCreate />
-            </Route>
-            <Route path="/events/edit/:id" let:params>
-                <EventCreate idOfEventToEdit={params.id}/>
-            </Route>
-            <Route path="/events/rides/:id" let:params>
-                <EventRides id={params.id}/>
+            <Route path="/events/:id" let:params>
+                <EventDetail id={params.id}/>
             </Route>
+            {#if $adminStatus === true}
+                <Route path="/inductees" component={Inductees} />
+                <Route path="/outreach" component={Outreach} />
+                <Route path="/events/create">
+                    <EventCreate />
+                </Route>
+                <Route path="/events/edit/:id" let:params>
+                    <EventCreate idOfEventToEdit={params.id}/>
+                </Route>
+                <Route path="/events/rides/:id" let:params>
+                    <EventRides id={params.id}/>
+                </Route>
+            {/if}
         {/if}
-      
-        <Route path="/events/:id" let:params>
-            <EventDetail id={params.id}/>
-        </Route>
+
+
+
     </div>
 </Router>
 
-{/await}
+
 
 <style>
     :global(:root) {
diff --git a/frontend/src/Components/Sidebar.svelte b/frontend/src/Components/Sidebar.svelte
index e42bb64d..0224967b 100644
--- a/frontend/src/Components/Sidebar.svelte
+++ b/frontend/src/Components/Sidebar.svelte
@@ -1,22 +1,19 @@
 <script>
+    import { adminStatus } from '../stores.js';
 
     let logo = "/static/HKN-Logo-New-Blue.png";
-
-    async function getAdminStatus() {
-        let response = await fetch(`/api/permissions/`);
-        if (response.status === 200) {
-            let output = await response.json();
-            return output.is_admin;
-        } else {
-            throw new Error(response.statusText);
-        }
+    let onLogOut = () => {
+        sessionStorage.removeItem('adminStatus');
     }
+
+
+
 </script>
 
 <style>
 
   .sidebar {
-    width: 224px; 
+    width: 224px;
     height: 100vh;
     background-color: #333;
     display: flex;
@@ -48,27 +45,14 @@
   }
 
 </style>
-
-<!--While getting admin status, load the other buttons first-->
-{#await getAdminStatus()}
     <div class="sidebar">
-    <img src={logo} alt="HKN logo" />
-    <a href="/">Home Page</a>
-    <a href="/profile/self/">Profile</a>
-    <a href="/accounts/logout/">Logout</a>
+      <img src={logo} alt="HKN logo" />
+      <a href="/">Home Page</a>
+      <a href="/profile/self">Profile</a>
+      {#if $adminStatus === true}
+        <a href="/inductees">Inductees</a>
+        <a href="/outreach">Outreach</a>
+      {/if}
+        <a href="/accounts/logout/" on:click={onLogOut}>Logout</a>
     </div>
-{:then adminStatus}
-    <!--After getting admin status, load inductee button if allowed to access-->
-    <div class="sidebar">
-    <img src={logo} alt="HKN logo" />
-    <a href="/">Home Page</a>
-    <a href="/profile/self">Profile</a>
-    
-    {#if adminStatus}
-    <a href="/inductees">Inductees</a>
-    <a href="/outreach">Outreach</a>
-    {/if}
 
-    <a href="/accounts/logout/">Logout</a>
-    </div>
-{/await}
\ No newline at end of file
diff --git a/frontend/src/Pages/Inductees.svelte b/frontend/src/Pages/Inductees.svelte
index 3ccb6a11..95d409b8 100644
--- a/frontend/src/Pages/Inductees.svelte
+++ b/frontend/src/Pages/Inductees.svelte
@@ -1,38 +1,41 @@
 <script>
-    import Layout from "../Layout.svelte";
-    let inducteesData;
-    
+    import Navbar from "../Components/Navbar.svelte";
+import Layout from "../Layout.svelte";
+    import { onMount } from "svelte";
+    import { adminStatus } from '../stores.js';
+
+
     async function getMajors() {
         return await (await(fetch(`api/majors/`))).json()
     }
 
     let majors = [];
     let years = [];
- 
+
     async function getInductees() {
         let response = await fetch(`/api/inductees/`);
         if (response.status === 200) {
             let possible_majors = (await getMajors()).map(major => major.name)
             let users = await response.json();
-            inducteesData = users;
-            inducteesData = inducteesData.sort((first, second) => {
+            users.sort((first, second) => {
                 if (first['last_name'] < second['last_name']) {
                     return -1;
                 } else {
                     return 0;
                 }
             })
-            for (let i = 0; i < inducteesData.length; i++) {
-                if (!majors.includes(inducteesData[i].major) && possible_majors.includes(inducteesData[i].major)) {
-                    majors.push(inducteesData[i].major);
+            for (let i = 0; i < users.length; i++) {
+                if (!majors.includes(users[i].major) && possible_majors.includes(users[i].major)) {
+                    majors.push(users[i].major);
                 }
-                if (!years.includes(inducteesData[i].grad_year)) {
-                    years.push(inducteesData[i].grad_year);
+                if (!years.includes(users[i].grad_year)) {
+                    years.push(users[i].grad_year);
                 }
             }
             majors.sort();
             years.sort();
             majors.push('Other');
+            return users;
         } else {
             throw new Error(response.statusText);
         }
@@ -41,7 +44,7 @@
     async function getInductionClasses() {
         let response = await fetch(`/api/inductionclasses/`);
         if (response.status === 200) {
-            let output = response.json();
+            let output = await response.json();
             return output;
         } else {
             throw new Error(response.statusText);
@@ -105,7 +108,7 @@
             })
         }
     }
-    
+
 
     let sorting_col = "N/A";
     let ascending = true;
@@ -115,7 +118,7 @@
     let class_option;
 
     let csv_data;
-    
+
     function tableToCSV() {
 
         // Variable to store the final csv data
@@ -162,22 +165,23 @@
         hiddenElement.download = 'inductees.csv';
         hiddenElement.click();
     }
+    let inducteesData, classes;
 
+    onMount(async () => {
+        inducteesData = await getInductees();
+        classes = await getInductionClasses();
+    });
 </script>
 
 <svelte:head>
     <title> HKN Portal | Inductees </title>
 </svelte:head>
 
-{#await Promise.all([getInductees(), getAdminStatus(), getInductionClasses()])}
-    <div style="padding-left:50px">
-        <h1 style="margin-left: 15px">Inductees</h1>
-        <p>loading...</p>
-    </div>
-{:then [filler, adminStatus, classes]}
+
 
 <Layout>
-    {#if adminStatus}
+
+    {#if $adminStatus === true}
         <div style="padding-left:50px">
             <h1 style="margin-left: 15px">Inductees</h1>
             <div>
@@ -200,6 +204,7 @@
                     </select>
                 </form>
             </div>
+            {#if classes}
             <div>
                 <form>
                     <select bind:value={class_option} name="classes">
@@ -210,12 +215,13 @@
                     </select>
                 </form>
             </div>
+            {/if}
             <div>
                 <button id="downloadButton" type="button" on:click={() => download_table()}>
                     Download as CSV
                 </button>
             </div>
-            
+
             <div id="key">
                 <div style="padding:0px">
                     <h3 id="side">Key</h3>
@@ -230,6 +236,7 @@
                     <p>G - General (Other)</p>
                 </div>
             </div>
+            {#if inducteesData}
             <table id="inducteeTable">
                 <tr>
                     {#each headers as header}
@@ -287,6 +294,13 @@
                     {/if}
                 {/each}
             </table>
+            {:else}
+                <h1 style="margin-left: 15px">Loading</h1>
+            {/if}
+        </div>
+    {:else if $adminStatus == null}
+        <div>
+            <h1 style="margin-left: 15px"> Loading...</h1>
         </div>
     {:else}
         <div>
@@ -295,7 +309,7 @@
     {/if}
 </Layout>
 
-{/await}
+
 
 <style>
     div {
diff --git a/frontend/src/Pages/Outreach.svelte b/frontend/src/Pages/Outreach.svelte
index 95e7745d..46f11c7c 100644
--- a/frontend/src/Pages/Outreach.svelte
+++ b/frontend/src/Pages/Outreach.svelte
@@ -1,20 +1,22 @@
 <script>
     import Layout from "../Layout.svelte";
+    import { onMount } from 'svelte';
+    import {adminStatus} from '../stores.js';
 
     let outreachData;
- 
+
     async function getOutreach() {
         let response = await fetch(`/api/outreach/`);
         if (response.status === 200) {
             let users = await response.json();
-            outreachData = users;
-            outreachData = outreachData.sort((first, second) => {
+            users = users.sort((first, second) => {
                 if (first['last_name'] < second['last_name']) {
                     return -1;
                 } else {
                     return 0;
                 }
             })
+            return users;
         } else {
             throw new Error(response.statusText);
         }
@@ -39,7 +41,7 @@
         {"value": 'outreach_course', "title": "Class"}
     ]
 
-    
+
 
     let classes = [
         'CSE',
@@ -51,7 +53,7 @@
         'Yes',
         'No'
     ]
-    
+
 
     const sortBy = (header) => {
         if (sorting_col == header["value"]) {
@@ -91,7 +93,7 @@
     let car_option;
 
     let csv_data;
-    
+
     function tableToCSV() {
 
         // Variable to store the final csv data
@@ -138,21 +140,16 @@
         hiddenElement.download = 'outreach_students.csv';
         hiddenElement.click();
     }
-
+    onMount(async () => {
+        outreachData = await getOutreach();
+    })
 </script>
-
 <svelte:head>
     <title> HKN Portal | Outreach Students </title>
 </svelte:head>
-
-{#await Promise.all([getOutreach(), getAdminStatus()])}
-    <div>
-        <p>loading...</p>
-    </div>
-{:then [filler, adminStatus]}
 <Layout>
     <main>
-        {#if adminStatus}
+        {#if $adminStatus === true}
             <div style="padding-left:50px">
                 <h1 style="margin-left: 15px">Outreach Students</h1>
                 <div>
@@ -175,60 +172,72 @@
                         </select>
                     </form>
                 </div>
-                
+
                 <div>
                     <button id="downloadButton" type="button" on:click={() => download_table()}>
                         Download as CSV
                     </button>
                 </div>
-
-                <table>
-                    <tr>
-                        {#each headers as header}
-                            {#if (sorting_col != header['value'])}
-                                <th on:click={() => sortBy(header)}>{header["title"]}</th>
-                            {:else if (ascending)}
-                                <th on:click={() => sortBy(header)}>{header["title"]}⏶</th>
-                            {:else}
-                                <th on:click={() => sortBy(header)}>{header["title"]}⏷</th>
-                            {/if}
-                        {/each}
-                    </tr>
-                {#each outreachData as outreachStudent}
-                    {#if (class_option == "all" || outreachStudent.outreach_course == class_option)
-                        && (car_option == "all" || outreachStudent.car == car_option)}
+                {#if outreachData}
+                    <table>
                         <tr>
-                            <td>
-                                <a href="/profile/{outreachStudent.user_id}">{outreachStudent.preferred_name}</a>
-                            </td>
-                            <td>
-                                {outreachStudent.last_name}
-                            </td>
-                            <td>
-                                {outreachStudent.email}
-                            </td>
-                            <td style="text-align: center">
-                                {outreachStudent.hours}
-                            </td>
-                            <td style="text-align: center">
-                                {outreachStudent.car}
-                            </td>
-                            <td style="text-align: center">
-                                {outreachStudent.outreach_course}
-                            </td>
+                            {#each headers as header}
+                                {#if (sorting_col != header['value'])}
+                                    <th on:click={() => sortBy(header)}>{header["title"]}</th>
+                                {:else if (ascending)}
+                                    <th on:click={() => sortBy(header)}>{header["title"]}⏶</th>
+                                {:else}
+                                    <th on:click={() => sortBy(header)}>{header["title"]}⏷</th>
+                                {/if}
+                            {/each}
                         </tr>
-                    {/if}
-                {/each}
-                </table>
+
+                    {#each outreachData as outreachStudent}
+                        {#if (class_option == "all" || outreachStudent.outreach_course == class_option)
+                            && (car_option == "all" || outreachStudent.car == car_option)}
+                            <tr>
+                                <td>
+                                    {#if adminStatus}
+                                        <a href="/profile/{outreachStudent.user_id}">{outreachStudent.preferred_name}</a>
+                                    {:else}
+                                        {outreachStudent.preferred_name}
+                                    {/if}
+                                </td>
+                                <td>
+                                    {outreachStudent.last_name}
+                                </td>
+                                <td>
+                                    {outreachStudent.email}
+                                </td>
+                                <td style="text-align: center">
+                                    {outreachStudent.hours}
+                                </td>
+                                <td style="text-align: center">
+                                    {outreachStudent.car}
+                                </td>
+                                <td style="text-align: center">
+                                    {outreachStudent.outreach_course}
+                                </td>
+                            </tr>
+                        {/if}
+                    {/each}
+                    </table>
+                {:else}
+                    <h1 style="margin-left: 15px">Loading...</h1>
+                {/if}
+            </div>
+        {:else if $adminStatus === null}
+            <div>
+                <h1 style="margin-left: 15px">Loading...</h1>
             </div>
         {:else}
             <div>
                 <h1 style="margin-left: 15px">You aren't supposed to be here >:(</h1>
             </div>
-        {/if}                                   
+        {/if}
     </main>
 </Layout>
-{/await}
+
 
 <style>
     div {
diff --git a/frontend/src/stores.js b/frontend/src/stores.js
index 67273484..b1376cb8 100644
--- a/frontend/src/stores.js
+++ b/frontend/src/stores.js
@@ -1,4 +1,6 @@
 import { readable } from "svelte/store";
+import { writable } from 'svelte/store';
+
 
 export let userStore = readable(
     null,
@@ -12,4 +14,28 @@ export let userStore = readable(
 
         return () => null
     }
-)
\ No newline at end of file
+)
+
+export const adminStatus = readable(
+    null,
+    (set) => {
+        async function getAdminStatus() {
+            if (sessionStorage.getItem('adminStatus')) {
+                set(sessionStorage.getItem('adminStatus') === 'true');
+                return; 
+            }
+            let response = await fetch(`/api/permissions/`);
+            if (response.status === 200) {
+                let output = await response.json();
+                let admin = output.is_admin;
+                sessionStorage.setItem('adminStatus', admin);
+                set(admin);
+            } else {
+                console.error('Failed to fetch user status:', error);
+                set(null);
+            }
+
+        }
+        getAdminStatus();
+    }
+);
\ No newline at end of file
diff --git a/myapp/api/views/user_views.py b/myapp/api/views/user_views.py
index 0b8265c4..1fe0c68c 100644
--- a/myapp/api/views/user_views.py
+++ b/myapp/api/views/user_views.py
@@ -7,6 +7,10 @@
 from sendgrid import SendGridAPIClient
 from sendgrid.helpers.mail import Mail
 
+from django.utils.decorators import method_decorator
+from django.views.decorators.cache import cache_control
+
+
 from base64 import urlsafe_b64decode
 
 from rest_framework import status
@@ -25,10 +29,10 @@
 
 from myapp.api.serializers import (
     UserSerializer,
-    CustomUserSerializer, 
-    InducteeSerializer, 
-    MemberSerializer, 
-    OutreachStudentSerializer, 
+    CustomUserSerializer,
+    InducteeSerializer,
+    MemberSerializer,
+    OutreachStudentSerializer,
     OfficerSerializer,
     InductionClassSerializer,
     PermissionGroupSerializer,
@@ -36,10 +40,10 @@
     DegreeLevelSerializer,
 )
 from myapp.api.models.users import (
-    Inductee, 
-    Member, 
-    OutreachStudent, 
-    Officer, 
+    Inductee,
+    Member,
+    OutreachStudent,
+    Officer,
     CustomUser,
     InductionClass,
     Quarter,
@@ -104,14 +108,14 @@ def get_self(self, request):
         if serializer.is_valid:
             return Response(serializer.data)
         raise act_exceptions.ForbiddenException
-    
+
     def get_queryset(self):
         payload = CustomUser.objects.all()
         eventid = self.request.GET.get("eventid")
 
-        # allow for eventid getparameter: get all users who have attended the event 
+        # allow for eventid getparameter: get all users who have attended the event
         # identified by eventid
-        # TODO: See if this can be optimized; perhaps a single ORM expression 
+        # TODO: See if this can be optimized; perhaps a single ORM expression
         # could capture all the users in an event.
         if (eventid is not None):
             all_actions = Event.objects.get(pk=eventid).eventactionrecord_set.all()
@@ -137,7 +141,7 @@ def get_queryset(self):
             for user in queryset_users
         ]
         return list(zip(queryset_users, queryset_officers))
-    
+
     # we need to call two serializers here, so we override the list function
     # idea is that we want to combine serialized output of both user
     # (identifying information) and inductee (points)
@@ -169,7 +173,8 @@ def get_queryset(self):
             for user in queryset_users
         ]
         return list(zip(queryset_users, queryset_inductees))
-    
+
+    @method_decorator(cache_control(public=True, max_age= 60 * 10))
     def list(self, request, *args, **kwargs):
         queryset = self.get_queryset()
 
@@ -198,13 +203,14 @@ def get_queryset(self):
         ]
         return list(zip(queryset_users, queryset_outreach))
 
+    @method_decorator(cache_control(public=True, max_age= 60 * 10))
     def list(self, request, *args, **kwargs):
         queryset = self.get_queryset()
 
         if queryset:
             serialized_users = self.serializer_class_user([user for user, outreach in queryset], many=True)
             serialized_outreach = self.serializer_class_outreach([outreach for user, outreach in queryset], many=True)
-            
+
             # merge our data
             for idx in range(len(serialized_users.data)):
                 serialized_users.data[idx].update(serialized_outreach.data[idx])
@@ -221,11 +227,11 @@ class InductionClassViewSet(ReadOnlyModelViewSet):
 
 class UserProfileViewSet(ModelViewSet):
     serializer_class = CustomUserSerializer
-    
+
     def get_queryset(self, user):
         queryset = CustomUser.objects.filter(user_id = user.user_id)
         return queryset
-    
+
     def get_data(self, user):
         serializer = CustomUserSerializer(user)
         serializer_data = serializer.data
@@ -244,7 +250,7 @@ def get_data(self, user):
         if user.groups.filter(name='outreach').exists():
             outreach = OutreachStudent.objects.filter(user=user.user_id).first()
             serializer_data['Outreach Student'] = OutreachStudentSerializer(outreach).data
-        
+
         if user.groups.filter(name='officer').exists():
             officer = Officer.objects.filter(user=user.user_id).first()
             serializer_data['Officer'] = OfficerSerializer(officer).data
@@ -258,7 +264,7 @@ def get_profile(self, request, user_id):
         except:
             user = request.user
         return self.get_data(user)
-    
+      
     @action(detail=False, methods=["POST"], url_path="edit")
     def edit_profile(self, request):
         user = request.user
@@ -294,7 +300,6 @@ class GroupsViewSet(ReadOnlyModelViewSet):
 #################################################################
 ## Specific Views for GET Requests
 #################################################################
-
 @api_view(["GET"])
 def PermissionsView(request):
     return Response(
@@ -488,14 +493,14 @@ def inductee_form(request, token):
             # show completion page if already member
             if user.groups.filter(name="member").exists():
                 return redirect(reverse("inductee_form_complete"))
-            
+
             # show completion page if already an inductee of current cycle
             if user.groups.filter(name="inductee").exists() and user.induction_class == curr_class:
                 return redirect(reverse("inductee_form_complete"))
 
             form = InducteeForm()
             return render(request, "registration/inductee_form.html", {"form": form, "class_token": token})
-        
+
         # Submit form
         if request.method == "POST":
             form = InducteeForm(request.POST)
@@ -504,13 +509,13 @@ def inductee_form(request, token):
                 user.first_name = form.cleaned_data["first_name"].title()
                 user.middle_name = form.cleaned_data["middle_name"].title()
                 user.last_name = form.cleaned_data["last_name"].title()
-                
+
                 # preferred name = first name if not entered
                 if not form.cleaned_data["preferred_name"]:
                     user.preferred_name = user.first_name
                 else:
                     user.preferred_name = form.cleaned_data["preferred_name"].title()
-                
+
                 user_ind_class = user.induction_class
                 user.induction_class = curr_class
                 user.save()
@@ -519,7 +524,7 @@ def inductee_form(request, token):
                     major = form.cleaned_data["other_major"].title()
                 else:
                     major = form.cleaned_data["major"]
-                
+
                 if form.cleaned_data["degree"] == "Other":
                     degree = form.cleaned_data["other_degree"].title()
                 else:
@@ -529,7 +534,7 @@ def inductee_form(request, token):
 
                 # create new entry for user in json field
                 curr_class.rollover_points[user_id] = {"name":user.first_name + " " + user.last_name}
-                
+
                 # existing Inductee object
                 try:
                     inductee = Inductee.objects.get(user=user)
@@ -641,7 +646,7 @@ def outreach_form(request, token):
         try:
             outreach_student = OutreachStudent.objects.filter(user=user.user_id).first()
             if  outreach_student and outreach_student.quarter == curr_quarter:
-                return redirect(reverse("outreach_form_complete"))            
+                return redirect(reverse("outreach_form_complete"))
         except:
             outreach_student = None
         form = OutreachForm()
@@ -679,7 +684,7 @@ def outreach_form_complete(request):
     if user.groups.filter(name="outreach").exists():
         return render(request, "registration/form_complete.html")
     else:
-        return redirect(reverse("outreach_form"))    
+        return redirect(reverse("outreach_form"))
 
 ###
 # RPC, functional style calls