diff --git a/src/pages/overall/overall-course/overall-course.scss b/src/pages/overall/overall-course/overall-course.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/overall/overall-course/overall-course.ts b/src/pages/overall/overall-course/overall-course.ts
new file mode 100644
index 0000000..871d005
--- /dev/null
+++ b/src/pages/overall/overall-course/overall-course.ts
@@ -0,0 +1,12 @@
+import {Component, Prop, Vue} from 'vue-property-decorator';
+import {Course} from '@/components/app/app';
+import {GPAUtils} from '@/utils/gpa-utils';
+import Constants from '@/constants';
+
+@Component({
+})
+export default class OverallCourse extends Vue
+{
+    // @ts-ignore
+    @Prop({required: true}) course: Course;
+}
diff --git a/src/pages/overall/overall-course/overall-course.vue b/src/pages/overall/overall-course/overall-course.vue
new file mode 100644
index 0000000..72400b3
--- /dev/null
+++ b/src/pages/overall/overall-course/overall-course.vue
@@ -0,0 +1,7 @@
+<template>
+    <div id="overall-course">
+    </div>
+</template>
+
+<script src="./overall-course.ts" lang="ts"></script>
+<style src="./overall-course.scss" lang="scss"></style>