diff --git a/backend/api/management/commands/seed_db.py b/backend/api/management/commands/seed_db.py
index 76ea0a98..11a07a33 100644
--- a/backend/api/management/commands/seed_db.py
+++ b/backend/api/management/commands/seed_db.py
@@ -491,26 +491,26 @@ def seed_data(self, amount, provider_function, update_function):
     def handle(self, *args, **options):
         start_time = time.time()
         # TODO maybey take as option
-        # amount_of_students = 50_000
-        # amount_of_assistants = 300
-        # amount_of_teachers = 500
-        # amount_of_courses = 1_000
-        # amount_of_projects = 3_000
-        # amount_of_groups = 9_000
-        # amount_of_submissions = 50_000
-        # amount_of_file_extensions = 20
-        # amount_of_structure_checks = 12_000
-
-        amount_of_students = 10
-        amount_of_assistants = 0
-        amount_of_teachers = 0
-        amount_of_courses = 0
-        amount_of_projects = 0
-        amount_of_groups = 0
-        amount_of_submissions = 0
+        amount_of_students = 50_000
+        amount_of_assistants = 5_000
+        amount_of_teachers = 1_500
+        amount_of_courses = 1_500
+        amount_of_projects = 3_000
+        amount_of_groups = 3_000
+        amount_of_submissions = 3_000
         amount_of_file_extensions = 0
         amount_of_structure_checks = 0
 
+        # amount_of_students = 10
+        # amount_of_assistants = 0
+        # amount_of_teachers = 0
+        # amount_of_courses = 0
+        # amount_of_projects = 0
+        # amount_of_groups = 0
+        # amount_of_submissions = 0
+        # amount_of_file_extensions = 0
+        # amount_of_structure_checks = 0
+
         self.seed_data(amount_of_students, fake.provide_student, update_Student_providers)
         self.stdout.write(self.style.SUCCESS('Successfully seeded students!'))
         self.seed_data(amount_of_assistants, fake.provide_assistant, update_Assistant_providers)
diff --git a/backend/api/views/course_view.py b/backend/api/views/course_view.py
index 087b9703..3b17ea1d 100644
--- a/backend/api/views/course_view.py
+++ b/backend/api/views/course_view.py
@@ -1,3 +1,5 @@
+from django.db.models import Min, Max
+
 from api.models.course import Course
 from api.permissions.course_permissions import (CourseAssistantPermission,
                                                 CoursePermission,
@@ -26,6 +28,8 @@
 from rest_framework.request import Request
 from rest_framework.response import Response
 
+from api.views.pagination.course_pagination import CoursePagination
+
 
 class CourseViewSet(viewsets.ModelViewSet):
     """Actions for general course logic"""
@@ -47,10 +51,8 @@ def create(self, request: Request, *_):
 
         return Response(serializer.data, status=status.HTTP_201_CREATED)
 
-    @action(detail=False)
+    @action(detail=False, pagination_class=CoursePagination)
     def search(self, request: Request) -> Response:
-        self.pagination_class = BasicPagination
-
         # Extract filter params
         search = request.query_params.get("search", "")
         years = request.query_params.getlist("years[]")
diff --git a/backend/api/views/pagination/course_pagination.py b/backend/api/views/pagination/course_pagination.py
new file mode 100644
index 00000000..449389fc
--- /dev/null
+++ b/backend/api/views/pagination/course_pagination.py
@@ -0,0 +1,21 @@
+from django.db.models import Min, Max
+from rest_framework.response import Response
+from api.models.course import Course
+from api.views.pagination.basic_pagination import BasicPagination
+
+
+class CoursePagination(BasicPagination):
+    def get_paginated_response(self, schema):
+        # Get min and max years
+        years = Course.objects.all().aggregate(
+            Min('academic_startyear'), Max('academic_startyear')
+        )
+
+        return Response({
+            'count': self.page.paginator.count,
+            'next': self.get_next_link(),
+            'previous': self.get_previous_link(),
+            'min_year': years['academic_startyear__min'],
+            'max_year': years['academic_startyear__max'],
+            'results': schema,
+        })
diff --git a/frontend/src/components/projects/ProjectList.vue b/frontend/src/components/projects/ProjectList.vue
index fc0c9aa2..4fdf4a24 100644
--- a/frontend/src/components/projects/ProjectList.vue
+++ b/frontend/src/components/projects/ProjectList.vue
@@ -1,22 +1,21 @@
 <script setup lang="ts">
 import { type Course } from '@/types/Course.ts';
-import { computed, watch } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { useProject } from '@/composables/services/project.service.ts';
 import ProjectCard from '@/components/projects/ProjectCard.vue';
 import { useI18n } from 'vue-i18n';
 import moment from 'moment';
 import Skeleton from 'primevue/skeleton';
+import InputSwitch from 'primevue/inputswitch';
 
 /* Props */
 const props = withDefaults(
     defineProps<{
         courses: Course[] | null;
-        showPast?: boolean;
         cols?: number;
     }>(),
     {
         courses: () => [],
-        showPast: false,
         cols: 4,
     },
 );
@@ -26,6 +25,7 @@ const { t } = useI18n();
 const { projects, getProjectsByCourse } = useProject();
 
 /* State */
+const showPast = ref(false);
 
 // The merged projects from all courses
 const allProjects = computed(() => props.courses?.flatMap((course) => course.projects) ?? null);
@@ -35,7 +35,7 @@ const allProjects = computed(() => props.courses?.flatMap((course) => course.pro
  */
 const sortedProjects = computed(() => {
     const projects =
-        allProjects.value?.filter((project) => (!props.showPast ? moment(project.deadline).isAfter() : true)) ?? null;
+        allProjects.value?.filter((project) => (!showPast.value ? moment(project.deadline).isAfter() : true)) ?? null;
 
     if (projects === null) {
         return projects;
@@ -70,6 +70,14 @@ watch(
 </script>
 
 <template>
+    <!-- Show past projects switch -->
+    <div class="flex gap-3 align-items-center mb-5">
+        <InputSwitch input-id="show-past" v-model="showPast" />
+        <label for="show-past">
+            {{ t('views.dashboard.showPastProjects') }}
+        </label>
+    </div>
+    <!-- Project list -->
     <div class="grid align-items-stretch">
         <template v-if="sortedProjects !== null">
             <template v-if="sortedProjects.length > 0">
diff --git a/frontend/src/composables/filters/filter.ts b/frontend/src/composables/filters/filter.ts
index c41b1cb4..b4250f9c 100644
--- a/frontend/src/composables/filters/filter.ts
+++ b/frontend/src/composables/filters/filter.ts
@@ -5,7 +5,7 @@ import { useRoute, useRouter } from 'vue-router';
 
 export interface FilterState {
     filter: Ref<Filter>;
-    onFilter: (callback: () => Promise<void>) => void;
+    onFilter: (callback: () => Promise<void>, debounce?: number, immediate?: boolean) => void;
 }
 
 export function useFilter(initial: Filter): FilterState {
@@ -18,8 +18,10 @@ export function useFilter(initial: Filter): FilterState {
      * On filter callback
      *
      * @param callback
+     * @param debounce
+     * @param immediate
      */
-    function onFilter(callback: () => Promise<void>): void {
+    function onFilter(callback: () => Promise<void>, debounce: number = 500, immediate: boolean = true): void {
         watchDebounced(
             filter,
             async () => {
@@ -32,7 +34,7 @@ export function useFilter(initial: Filter): FilterState {
 
                 await callback();
             },
-            { debounce: 500, immediate: true, deep: true },
+            { debounce, immediate, deep: true },
         );
     }
 
diff --git a/frontend/src/composables/filters/paginator.ts b/frontend/src/composables/filters/paginator.ts
index 3ed9da01..4cb78364 100644
--- a/frontend/src/composables/filters/paginator.ts
+++ b/frontend/src/composables/filters/paginator.ts
@@ -1,12 +1,13 @@
 import { computed, type Ref, ref, watch } from 'vue';
-import { type LocationQuery, useRoute, useRouter } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
+import { type PaginatorResponse } from '@/types/filter/Paginator.ts';
 
 export interface PaginatorState {
     page: Ref<number>;
     pageSize: Ref<number>;
     first: Ref<number>;
-    paginate: (newFirst: number) => Promise<void>;
     onPaginate: (callback: () => Promise<void>) => void;
+    resetPagination: (pagination: Ref<PaginatorResponse<any> | null>) => Promise<void>;
 }
 
 export function usePaginator(initialPage: number = 1, initialPageSize: number = 20): PaginatorState {
@@ -15,23 +16,9 @@ export function usePaginator(initialPage: number = 1, initialPageSize: number =
     const { push } = useRouter();
 
     /* State */
-    const page = ref<number>(initialPage);
-    const pageSize = ref<number>(initialPageSize);
+    const page = ref<number>(parseInt(query.page?.toString() ?? initialPage.toString()));
 
-    /* Watchers */
-    watch(
-        () => query,
-        (query: LocationQuery) => {
-            if (query.page !== undefined) {
-                page.value = parseInt(query.page as string);
-            }
-
-            if (query.pageSize !== undefined) {
-                pageSize.value = parseInt(query.pageSize as string);
-            }
-        },
-        { immediate: true },
-    );
+    const pageSize = ref<number>(parseInt(query.pageSize?.toString() ?? initialPageSize.toString()));
 
     /* Computed */
     const first = computed({
@@ -40,19 +27,18 @@ export function usePaginator(initialPage: number = 1, initialPageSize: number =
     });
 
     /**
-     * Paginate using a new first item index.
+     * Reset the pagination to the first page.
      *
-     * @param newFirst
+     * @returns void
      */
-    async function paginate(newFirst: number): Promise<void> {
-        first.value = newFirst;
+    async function resetPagination(pagination: Ref<PaginatorResponse<any> | null>): Promise<void> {
+        // Paginate to the first page upon filter change
+        first.value = 0;
 
-        await push({
-            query: {
-                page: page.value,
-                pageSize: pageSize.value,
-            },
-        });
+        if (pagination.value !== null) {
+            // Reset the results
+            pagination.value.results = null;
+        }
     }
 
     /**
@@ -62,6 +48,13 @@ export function usePaginator(initialPage: number = 1, initialPageSize: number =
      */
     function onPaginate(callback: () => Promise<void>): void {
         watch(page, async () => {
+            await push({
+                query: {
+                    page: page.value,
+                    pageSize: pageSize.value,
+                },
+            });
+
             await callback();
         });
     }
@@ -70,7 +63,7 @@ export function usePaginator(initialPage: number = 1, initialPageSize: number =
         page,
         pageSize,
         first,
-        paginate,
         onPaginate,
+        resetPagination,
     };
 }
diff --git a/frontend/src/composables/services/courses.service.ts b/frontend/src/composables/services/courses.service.ts
index d05f6e53..65757faf 100644
--- a/frontend/src/composables/services/courses.service.ts
+++ b/frontend/src/composables/services/courses.service.ts
@@ -2,11 +2,11 @@ import { Course } from '@/types/Course.ts';
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
 import { get, getList, create, deleteId, getPaginatedList } from '@/composables/services/helpers.ts';
-import { type PaginatorResponse } from '@/types/filter/Paginator.ts';
+import { type CoursePaginatorResponse } from '@/types/filter/Paginator.ts';
 import { type Filter } from '@/types/filter/Filter.ts';
 
 interface CoursesState {
-    pagination: Ref<PaginatorResponse<Course> | null>;
+    pagination: Ref<CoursePaginatorResponse | null>;
     courses: Ref<Course[] | null>;
     course: Ref<Course | null>;
     getCourseByID: (id: string) => Promise<void>;
@@ -21,7 +21,7 @@ interface CoursesState {
 }
 
 export function useCourses(): CoursesState {
-    const pagination = ref<PaginatorResponse<Course> | null>(null);
+    const pagination = ref<CoursePaginatorResponse | null>(null);
     const courses = ref<Course[] | null>(null);
     const course = ref<Course | null>(null);
 
diff --git a/frontend/src/types/Course.ts b/frontend/src/types/Course.ts
index ee30591d..0c137328 100644
--- a/frontend/src/types/Course.ts
+++ b/frontend/src/types/Course.ts
@@ -58,3 +58,32 @@ export class Course {
         );
     }
 }
+
+/**
+ * Get the academic year of a date.
+ *
+ * @param date
+ * @returns number
+ */
+export function getAcademicYear(date: Date = new Date()): number {
+    const year = date.getFullYear();
+
+    if (date.getMonth() >= 9) {
+        return year;
+    }
+
+    return year - 1;
+}
+
+/**
+ * Get the academic years between a minimum and maximum.
+ *
+ * @param years
+ * @returns number[]
+ */
+export function getAcademicYears(...years: number[]): number[] {
+    const min = Math.min(...years);
+    const max = Math.max(...years);
+
+    return Array.from({ length: max - min + 1 }, (_, i) => max - i);
+}
diff --git a/frontend/src/types/filter/Paginator.ts b/frontend/src/types/filter/Paginator.ts
index 4e6972fb..86a1f0ab 100644
--- a/frontend/src/types/filter/Paginator.ts
+++ b/frontend/src/types/filter/Paginator.ts
@@ -1,6 +1,13 @@
+import { type Course } from '@/types/Course.ts';
+
 export interface PaginatorResponse<T> {
     count: number;
     next: string | null;
     previous: string | null;
-    results: T[];
+    results: T[] | null;
+}
+
+export interface CoursePaginatorResponse extends PaginatorResponse<Course> {
+    min_year: number;
+    max_year: number;
 }
diff --git a/frontend/src/types/users/User.ts b/frontend/src/types/users/User.ts
index 9d3b0337..4759984d 100644
--- a/frontend/src/types/users/User.ts
+++ b/frontend/src/types/users/User.ts
@@ -17,16 +17,6 @@ export class User {
         public last_login: Date | null,
     ) {}
 
-    /**
-     * Get the academic years of the user.
-     */
-    get academic_years(): number[] {
-        const startYear = User.getAcademicYear(this.create_time);
-        const endYear = User.getAcademicYear(new Date());
-
-        return Array.from({ length: endYear - startYear + 1 }, (_, i) => startYear + i);
-    }
-
     /**
      * Get the full name of the user.
      *
@@ -36,22 +26,6 @@ export class User {
         return `${this.first_name} ${this.last_name}`;
     }
 
-    /**
-     * Get the academic year of a date.
-     *
-     * @param date
-     * @returns number
-     */
-    public static getAcademicYear(date: Date = new Date()): number {
-        const year = date.getFullYear();
-
-        if (date.getMonth() >= 9) {
-            return year;
-        }
-
-        return year - 1;
-    }
-
     /**
      * Check if the user is a student.
      *
diff --git a/frontend/src/views/courses/SearchCourseView.vue b/frontend/src/views/courses/SearchCourseView.vue
index bc93be20..4565d5fa 100644
--- a/frontend/src/views/courses/SearchCourseView.vue
+++ b/frontend/src/views/courses/SearchCourseView.vue
@@ -9,7 +9,7 @@ import Paginator from 'primevue/paginator';
 import Title from '@/components/layout/Title.vue';
 import BaseLayout from '@/components/layout/BaseLayout.vue';
 import CourseList from '@/components/courses/CourseList.vue';
-import { onMounted, watch } from 'vue';
+import { onMounted } from 'vue';
 import { useCourses } from '@/composables/services/courses.service.ts';
 import { useAuthStore } from '@/store/authentication.store.ts';
 import { useFaculty } from '@/composables/services/faculties.service.ts';
@@ -19,6 +19,7 @@ import { useFilter } from '@/composables/filters/filter.ts';
 import { usePaginator } from '@/composables/filters/paginator.ts';
 import { useRoute } from 'vue-router';
 import { getCourseFilters } from '@/types/filter/Filter.ts';
+import { getAcademicYears } from '@/types/Course.ts';
 
 /* Composable injections */
 const { t } = useI18n();
@@ -26,36 +27,35 @@ const { query } = useRoute();
 const { user } = storeToRefs(useAuthStore());
 const { faculties, getFaculties } = useFaculty();
 const { pagination, searchCourses } = useCourses();
-const { onPaginate, paginate, page, first, pageSize } = usePaginator();
+const { onPaginate, resetPagination, page, first, pageSize } = usePaginator();
 const { filter, onFilter } = useFilter(getCourseFilters(query));
 
+/**
+ * Fetch the courses based on the filter.
+ */
+async function fetchCourses(): Promise<void> {
+    await searchCourses(filter.value, page.value, pageSize.value);
+}
+
 /* Fetch the faculties */
 onMounted(async () => {
     // Fetch the faculties
     await getFaculties();
 
-    /* Reset current page on filter changes */
-    watch(
-        filter,
-        () => {
-            paginate(0);
-            pagination.value = null;
-        },
-        { deep: true },
-    );
-
-    /**
-     * Fetch the courses based on the filter.
-     */
-    async function fetchCourses(): Promise<void> {
-        await searchCourses(filter.value, page.value, pageSize.value);
-    }
-
     /* Search courses on page change */
     onPaginate(fetchCourses);
 
     /* Search courses on filter change */
     onFilter(fetchCourses);
+
+    /* Reset pagination on filter change */
+    onFilter(
+        async () => {
+            await resetPagination(pagination);
+        },
+        0,
+        false,
+    );
 });
 </script>
 
@@ -85,15 +85,19 @@ onMounted(async () => {
                             <label :for="faculty.id" class="ml-2 text-sm">{{ faculty.name }}</label>
                         </div>
                     </AccordionTab>
-                    <AccordionTab :header="t('views.courses.search.year')" v-if="user">
-                        <div v-for="year in user.academic_years" :key="year" class="flex align-items-center mb-2">
+                    <AccordionTab :header="t('views.courses.search.year')" v-if="user && pagination !== null">
+                        <div
+                            v-for="year in getAcademicYears(pagination.min_year, pagination.max_year)"
+                            :key="year"
+                            class="flex align-items-center mb-2"
+                        >
                             <Checkbox
                                 v-model="filter.years"
                                 :inputId="year.toString()"
                                 name="faculties"
                                 :value="year"
                             />
-                            <label :for="year.toString()" class="ml-2 text-sm">{{ year }} - {{ year + 1 }}</label>
+                            <label :for="year.toString()" class="ml-2 text-sm"> {{ year }} - {{ year + 1 }} </label>
                         </div>
                     </AccordionTab>
                 </Accordion>
@@ -106,12 +110,7 @@ onMounted(async () => {
                     {{ t('views.courses.search.results', [pagination.count]) }}
                 </p>
                 <CourseList class="mt-3" :courses="pagination?.results ?? null" :cols="3" :detail="false" />
-                <Paginator
-                    :rows="pageSize"
-                    :total-records="pagination?.count"
-                    :first="first"
-                    @update:first="paginate($event)"
-                />
+                <Paginator :rows="pageSize" :total-records="pagination?.count" :first="first" v-model:first="first" />
             </div>
         </div>
     </BaseLayout>
diff --git a/frontend/src/views/dashboard/roles/AssistantDashboardView.vue b/frontend/src/views/dashboard/roles/AssistantDashboardView.vue
index 18763b15..49fff795 100644
--- a/frontend/src/views/dashboard/roles/AssistantDashboardView.vue
+++ b/frontend/src/views/dashboard/roles/AssistantDashboardView.vue
@@ -8,7 +8,7 @@ import { useI18n } from 'vue-i18n';
 import { computed, ref, watch } from 'vue';
 import { useCourses } from '@/composables/services/courses.service.ts';
 import { type Assistant } from '@/types/users/Assistant';
-import { User } from '@/types/users/User.ts';
+import { getAcademicYear, getAcademicYears } from '@/types/Course.ts';
 
 /* Props */
 const props = defineProps<{
@@ -20,7 +20,8 @@ const { t } = useI18n();
 const { courses, getCourseByAssistant } = useCourses();
 
 /* State */
-const selectedYear = ref<number>(User.getAcademicYear());
+const selectedYear = ref(getAcademicYear());
+const allYears = computed(() => getAcademicYears(...(courses.value?.map((course) => course.academic_startyear) ?? [])));
 
 const filteredCourses = computed(
     () => courses.value?.filter((course) => course.academic_startyear === selectedYear.value) ?? [],
@@ -45,7 +46,7 @@ watch(
         <Title class="m-0">{{ t('views.dashboard.courses') }}</Title>
 
         <!-- Academic year selector -->
-        <YearSelector :years="assistant.academic_years" v-model="selectedYear" />
+        <YearSelector :years="allYears" v-model="selectedYear" />
     </div>
     <!-- Course list body -->
     <CourseList :courses="filteredCourses" />
diff --git a/frontend/src/views/dashboard/roles/StudentDashboardView.vue b/frontend/src/views/dashboard/roles/StudentDashboardView.vue
index 5032df43..fd4e67c4 100644
--- a/frontend/src/views/dashboard/roles/StudentDashboardView.vue
+++ b/frontend/src/views/dashboard/roles/StudentDashboardView.vue
@@ -3,12 +3,11 @@ import Title from '@/components/layout/Title.vue';
 import YearSelector from '@/components/YearSelector.vue';
 import CourseList from '@/components/courses/CourseList.vue';
 import ProjectList from '@/components/projects/ProjectList.vue';
-import InputSwitch from 'primevue/inputswitch';
 import { type Student } from '@/types/users/Student.ts';
 import { useI18n } from 'vue-i18n';
 import { computed, ref, watch } from 'vue';
 import { useCourses } from '@/composables/services/courses.service.ts';
-import { User } from '@/types/users/User.ts';
+import { getAcademicYear, getAcademicYears } from '@/types/Course.ts';
 
 /* Props */
 const props = defineProps<{
@@ -20,8 +19,8 @@ const { t } = useI18n();
 const { courses, getCoursesByStudent } = useCourses();
 
 /* State */
-const selectedYear = ref(User.getAcademicYear());
-const showPast = ref(false);
+const selectedYear = ref(getAcademicYear());
+const allYears = computed(() => getAcademicYears(...(courses.value?.map((course) => course.academic_startyear) ?? [])));
 
 const filteredCourses = computed(
     () => courses.value?.filter((course) => course.academic_startyear === selectedYear.value) ?? null,
@@ -46,7 +45,7 @@ watch(
         <Title class="m-0">{{ t('views.dashboard.courses') }}</Title>
 
         <!-- Academic year selector -->
-        <YearSelector :years="student.academic_years" v-model="selectedYear" />
+        <YearSelector :years="allYears" v-model="selectedYear" />
     </div>
     <!-- Course list body -->
     <CourseList :courses="filteredCourses" />
@@ -56,15 +55,8 @@ watch(
         <Title class="m-0">{{ t('views.dashboard.projects') }}</Title>
     </div>
 
-    <!-- Show past projects switch -->
-    <div class="flex gap-3 align-items-center mb-5">
-        <InputSwitch input-id="show-past" v-model="showPast" />
-        <label for="show-past">
-            {{ t('views.dashboard.showPastProjects') }}
-        </label>
-    </div>
     <!-- Project list body -->
-    <ProjectList :courses="filteredCourses" :show-past="showPast" />
+    <ProjectList :courses="filteredCourses" />
 </template>
 
 <style scoped lang="scss"></style>
diff --git a/frontend/src/views/dashboard/roles/TeacherDashboardView.vue b/frontend/src/views/dashboard/roles/TeacherDashboardView.vue
index 1d4d342e..aaa02c18 100644
--- a/frontend/src/views/dashboard/roles/TeacherDashboardView.vue
+++ b/frontend/src/views/dashboard/roles/TeacherDashboardView.vue
@@ -11,7 +11,7 @@ import { PrimeIcons } from 'primevue/api';
 import { useI18n } from 'vue-i18n';
 import { computed, ref, watch } from 'vue';
 import { useCourses } from '@/composables/services/courses.service.ts';
-import { User } from '@/types/users/User.ts';
+import { getAcademicYear, getAcademicYears } from '@/types/Course.ts';
 
 /* Props */
 const props = defineProps<{
@@ -23,7 +23,8 @@ const { t } = useI18n();
 const { courses, getCoursesByTeacher } = useCourses();
 
 /* State */
-const selectedYear = ref<number>(User.getAcademicYear());
+const selectedYear = ref(getAcademicYear());
+const allYears = computed(() => getAcademicYears(...(courses.value?.map((course) => course.academic_startyear) ?? [])));
 
 const filteredCourses = computed(
     () => courses.value?.filter((course) => course.academic_startyear === selectedYear.value) ?? [],
@@ -49,7 +50,7 @@ watch(
         <!-- Course list controls -->
         <ButtonGroup class="flex align-items-center">
             <!-- Academic year selector -->
-            <YearSelector :years="teacher.academic_years" v-model="selectedYear" />
+            <YearSelector :years="allYears" v-model="selectedYear" />
 
             <!-- Create course button -->
             <RouterLink :to="{ name: 'course-create' }">
diff --git a/frontend/src/views/projects/ProjectView.vue b/frontend/src/views/projects/ProjectView.vue
index c7fca835..cd0f505d 100644
--- a/frontend/src/views/projects/ProjectView.vue
+++ b/frontend/src/views/projects/ProjectView.vue
@@ -1,20 +1,23 @@
 <script setup lang="ts">
 import BaseLayout from '@/components/layout/BaseLayout.vue';
+import ProjectList from '@/components/projects/ProjectList.vue';
+import Title from '@/components/layout/Title.vue';
+import YearSelector from '@/components/YearSelector.vue';
 import { useCourses } from '@/composables/services/courses.service.ts';
 import { computed, onMounted, ref } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useAuthStore } from '@/store/authentication.store.ts';
-import ProjectList from '@/components/projects/ProjectList.vue';
-import Title from '@/components/layout/Title.vue';
 import { useI18n } from 'vue-i18n';
-import YearSelector from '@/components/YearSelector.vue';
-import { User } from '@/types/users/User.ts';
+import { getAcademicYear, getAcademicYears } from '@/types/Course.ts';
 
+/* Composable injections */
 const { t } = useI18n();
 const { user } = storeToRefs(useAuthStore());
 const { courses, getCoursesByStudent } = useCourses();
 
-const selectedYear = ref<number>(User.getAcademicYear());
+/* State */
+const selectedYear = ref<number>(getAcademicYear());
+const allYears = computed(() => getAcademicYears(...(courses.value?.map((course) => course.academic_startyear) ?? [])));
 
 onMounted(async () => {
     if (user.value?.id != null) {
@@ -33,7 +36,7 @@ const filteredCourses = computed(
         <div class="flex justify-content-between align-items-center mb-6">
             <!-- Project list title -->
             <Title class="m-0">{{ t('views.dashboard.projects') }}</Title>
-            <YearSelector :years="user.academic_years" v-model="selectedYear" v-if="user" />
+            <YearSelector :years="allYears" v-model="selectedYear" v-if="user" />
         </div>
 
         <ProjectList v-if="filteredCourses" :courses="filteredCourses" />